【发布时间】：2014-03-15 02:53:06
【问题描述】：
我有一个与图标并排的多行标题。我想将该标题的行高保持在 1.6 左右。如果我这样做，文本不会在顶部对齐，因为它保持垂直居中于行。结果是图标的顶部没有与文本的顶部对齐。如果我使用 line-height 1 则不会出现问题，因为相同大小的行中文本的中间垂直对齐方式与顶部对齐方式相同。
您可以在code pen 中看到我的意思。
有什么想法吗？
【问题讨论】：
-
您可以为标题添加负上边距。
-
这行得通，但是我希望有一个更干净的解决方案来对齐顶部（所以我不需要知道要在边距上放多少）。无论如何，也许这是唯一的方法。
-
您可以在
em中定义字体大小，在em中定义负上边距，这样无论继承什么字体大小，您都可以实现对齐。 -
这个问题不用任何代码都可以理解。
-
是的，这是真的，我会选择 -0.3em 边距顶部。 @Nit 将评论复制到答案中，以便我接受它