vertical-alignment - 行高顶部垂直对齐(或没有行高的垂直间距)

Question

我有一个与图标并排的多行标题。我想将该标题的行高保持在 1.6 左右。但是，如果我这样做，文本不会在顶部对齐，因为它保持垂直居中于该行。结果是图标的顶部与文本的顶部不对齐。如果我使用 line-height 1 则不会出现问题，因为相同大小的行中文本的中间垂直对齐方式与顶部对齐方式相同。

你可以在这个 code pen 中明白我的意思.

有什么想法吗？

Answer 1

您可以为标题添加负的上边距。
在 em 中定义字体大小和边距将使您能够实现对齐，而不管继承的字体大小如何。