为什么Bootstrap将line-height属性设置为1.428571429?

时间:2013-11-14 16:13:18

标签: twitter-bootstrap css

line-height: 1.428571429;

为什么Bootstrap set line-height为此值?

Some themes将其四舍五入为1.42857143。)

1 个答案:

答案 0 :(得分:168)

行高是通过将目标行高度大小除以font-size来确定的。在这个例子中,Bootstrap将它们的行高基准为14px字体大小。目标行高为20px:

20px÷14px = 1.428571429

确定行高时,您需要确保行之间有足够的空白区域。这允许上升和下降而不会侵入其他行。同时拥有充足的白色空间,让您的眼睛在阅读时形成视觉节奏。

同时保持线高无单位使其更加通用。有关详细信息,请see Eric Meyer's post on this from February 2006.