可以使用行高< 1引起问题?

时间:2016-07-25 14:05:57

标签: css

我使用的是特定字体(font-size:16px)。当我使用line-height:1时,角色的基线不会位于底部。有一个2px的差距:

Screen shot of two lines of text next to each other. On the left the text says "line-height:1 E g" and on the right says "line-height:0.75 E g". The text on the right has a 2px between its gray background and the red top and bottom borders.

如果我将线高减少到0.75,我会得到更好的结果。我可以以更精确的方式将文本与其他元素对齐。我可以实现图形模型中定义的间距,而无需进行额外的计算。使用padding-bottom我可以控制行间距。

设置行高< 1有副作用,我应该知道吗?今天的浏览器是否以简洁的方式支持它?

2 个答案:

答案 0 :(得分:0)

我不会称之为“糟糕的做法”,即使文字包裹多行会导致丑陋的结果。只是像你说的那样将它用于“对齐黑客”应该没问题。

修改

也许我的答案承诺太多了。请注意行高属性因为我提到它可能会导致多行文本的丑陋结果。如果你想保持你的网站响应边距(正面或负面)显然是更好的解决方案。

答案 1 :(得分:-1)

这方面的良好做法是易读的文字。别的都无所谓。文字应该易于阅读。

修改

不太确定,为什么我被投票。我提出了应该遵循的一般知识,不管是什么,这都是一种好的做法。