Why does Bootstrap set the line-height property to 1.428571429?

line-height: 1.428571429;

Why does Bootstrap set line-height to this value?

(Some themes round it to 1.42857143.)

37068 次浏览

小开

最佳答案

行高是通过将目标行高大小除以字体大小来确定的。在这个例子中，Bootstrap 将它们的行高从14px 字体大小基线化。目标行高是20px:

20px 14px = 1.428571429

在确定行高时，需要确保行之间有足够的空白。这允许在不干扰其他行的情况下升序和降序。同时，拥有足够的白色空间可以让你的眼睛在阅读时形成视觉节奏。

此外，保持行的高度单位，使其更加通用