Why does Bootstrap set the line-height property to 1.428571429?
1 | line-height: 1.428571429; |
Bootstrap为什么将
(一些主题将其取整为1.42857143。)
行高是通过将目标行高大小除以字体大小来确定的。在此示例中,Bootstrap将其行高设置为14px字体大小的基线。目标行高为20px:
20px÷14px = 1.428571429
确定行高时,要确保行之间有足够的空白。这允许在不侵入其他行的情况下进行上升和下降操作。此外,还有足够的白色空间,可以使您的眼睛在阅读时形成视觉节奏。
还可以使行高保持一致,使其更加通用。有关更多信息,请参见2006年2月以来Eric Meyer的帖子。