当前位置: 首页 > 知识库问答 >
问题:

html - CSS如何确保数字或图标在文本末尾且小字号时居中显示?

陶征
2024-05-31

这个666能不能放到这一行的最后面,并且如果666的高度比这一行的文字小,那么这个666要居中显示,这个666可以换成图标

<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>Document</title>    <style>      span::after {        content: "666";        font-size: 12px;      }    </style>  </head>  <body>    <span>      一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字    </span>  </body></html>

用过定位,但是没办法最下面一行居中

共有1个答案

丁阳羽
2024-05-31

https://stackblitz.com/edit/github-b2xatc-cedu5n?file=src%2FA...

没有特殊要求,这样应该就行

 类似资料:
  • 我有一个文本视图下的卡片视图,我想如何在文本视图的结尾三个点,当文本足够长的时候。 我尝试在文本视图中添加下面的行,但无法帮助我。 截图 谢谢

  • 问题内容: 垂直居中html图像旁边的文本的最佳和最简单的方法是什么?需要与浏览器版本/类型无关。纯HTML / CSS解决方案。 问题答案: 我总是退回到这个解决方案上。不太hack-ish并完成工作。 编辑:我应该指出,您可以使用以下代码来实现想要的效果(原谅内联样式;它们应该在单独的工作表中)。图像(基线)上的默认对齐方式似乎会导致文本对齐基线。至少在FireFox3中,将其设置为中值可以使

  • 问题内容: 我想删除字符串末尾的逗号。由于现在我正在使用 但这只会删除字符串的最后一个字符。我正在动态添加字符串,因此有时字符串末尾没有逗号。如果字符串末尾有逗号,如何使PHP从字符串末尾除去逗号? 问题答案: 此处的文档

  • 所以目前我的VBA代码如下所示: 有了这个输出,这正是公式所要做的,这是很棒的!我的问题是,对于B列中的结果,我不能全神贯注于此(我是VBA宏的新手,试图尽可能地学习),它们都以数字结尾,数字之间有。我将如何调整我的代码,使其删除该部分文本?所以结果看起来像: 正如您从我要查找的结果中可以看到的,与给出的结果相比,在末尾被删除。我在VBA之外玩了一圈,发现这是可行的,但它本质上是一个两步过程:

  • 我量过,垂直方向上并没有居中。