line-height: 1.428571429;

为什么Bootstrap set line-height等于这个值?

(Some themes四舍五入到1.42857143.)

推荐答案

行高是通过将目标行高大小除以字体大小来确定的.在本例中,Bootstrap将其行高基线设置为14px字体大小.目标线高度为20px:

20px ÷ 14px = 1.428571429

在确定行高时,您希望确保行之间有足够的空白.这允许在不干扰其他行的情况下升序和降序.此外,拥有充足的空白空间还可以让你的眼睛在阅读时发展出一种视觉节奏.

同时,保持线条高度不变,使其更具通用性.有关详细信息,请拨打see Eric Meyer's post on this from February 2006.

Css相关问答推荐

如何将bslib::card()中的扩展按钮移到右上方,其中full_screen = TRUE?

如何使搜索框扩展并溢出其他内容

隐藏div后缺少div的InnerHTML

Angular 17 Animation -在幻灯片左/右两侧同步

使用tailwind 将父div限制为其具有溢出的最短子级的高度

如何让 v-col 变成可滚动的?

同时实现渐变文本和闪光文本效果是否可行?

Z Index 复杂性 - 如何将组件放置在 div 内部以相对于其级别外部的组件具有更高的 z-index 值?

CSS 不要 Select 包含混合内容的 div 中的第一个元素

背景图像允许溢出输入按钮

当前的 html 标签没有发生两列布局

如何简化CSS?

在 SVG 元素上方添加标签而不移动 SVG 元素

为什么过渡属性不适用于 box-shadow?

Ant Design:将位置子菜单移动到屏幕顶部

如何使表格中一行的最后一个单元格占据所有剩余宽度

BEM 块、命名和嵌套

我应该在 HTML 中为我的 IMG 指定高度和宽度属性吗?

CSS:在图像周围创建白光

使用 CSS 使 span 不可点击