问题标签 [line-height]

我有以下两个来自我正在搞乱的网站的代码摘录。我正在尝试对线条进行更改，但我正在努力做到这一点。这个想法是有以下几点：

“Javascript”

4年以上

“HTML”

3年以上

依此类推，但没有在年份和编程语言之间添加行距，换句话说，每种编程语言之间只有行距。我曾想过使用 pre 标签，但这只会让它变得更糟。

编辑：请尝试提供一个不需要 20 个列 div/包装器的解决方案，或者会弄乱列的定位。谢谢！

HTML：

CSS：

我将 TextStyle 设置为我的 Text composable，但是当文本是多行时，只有这样行高才能按预期工作。

但是，如果文本是单行，则不应用行高。

当我检查 TextStyle 的文档时，我知道 lineHeight 应用于Paragraph。

有没有办法 lineHeight 也可以应用于单行文本？还是有一些我不知道的其他属性？请指导。

如您所知，我们可以使用line-height具有等于height容器属性的值的属性来垂直居中该容器内的单行：

我在很多参考资料中都看到过这种方法，例如：

• AtoZ CSS 快速提示：如何垂直居中文本和图标
• 以行高居中文本
• 在 CSS 中垂直居中文本

现在的问题是，为什么要height设置属性？是否有必要，或者我们可以简单地管理line-height吗？

将文本的行高设置为 1em 时，我遇到了一个奇怪的问题。看起来底行在某种程度上“溢出”，就像图像中的底部 g 一样。有什么办法可以让这部分文字不消失？我很想知道！使用的字体是 Poppins。

line-height属性由规范以下列方式定义：

在内容由行内元素组成的块容器元素上，line-height指定元素内行框的最小高度。最小高度包括基线上方的最小高度和基线下方的最小深度......

所以有一个文本的基本字体大小，相当于1em上升线和下降线之间的垂直空间，并且line-height旨在扩展这个空间。

是否有任何规则可以计算受空间限制的文本在扩展行框中的特定位置1em必须占据什么位置？我的意思是这种可能的区别：

（所有可用空间都放在文本下方）

（空闲空间按比例分配）

似乎第二个选项正在使用（jsfiddle）但我想找出空间分配的具体规则，或者它们没有明确指定？

我正在构建一个阅读器应用程序并有一个自定义类，该类使用代码扩展 TextView 以处理分页等。文本是使用 Html 格式设置的

它有很多功能可以即时更改行高、字体大小、字间距等。布局是使用以下代码构建的：

其中一项功能也是自定义文本着色。例如，我们可以为字母 a/A 涂上不同的颜色。我正在使用 ForegroundColorSpan 执行此操作，效果很好。我遇到的问题是当我尝试在字母上使用带有 BOLD 字体的 StyleSpan 时。

这是一个没有加粗的文本。我正在绘制每条线的顶部、底部和基线以更好地显示效果： Correct line-height when no bolding span is present

这就是我尝试将字母 A 加粗时得到的结果： 某些行的行高错误

TextView 缩小了粗体字母所在行的行高，但仅在存在新行 \n 字符的行上（图像上的红点显示这些）。

我在我这里的设备和 android 7 上进行了测试，它工作正常，但在 android 8.1 和 android 11 上显示错误的行高。也许他们在 Android 8 上改变了一些东西，但我不知道是什么......

无论我使用什么跨度，有没有办法强制在所有行上始终使用正确的行高？