gpt4 book ai didi

html - 为什么 firefox 上的最小高度大于高度?

转载 作者:太空宇宙 更新时间:2023-11-04 15:36:02 25 4
gpt4 key购买 nike

This是代码

<div style="font-size: 1px; min-height: 1px; background-color: #9DA5E2;">&nbsp;</div>

在 Firefox 上,它看起来比 height: 1px 大(实际上,改变 height: 1px 与 Firebug 的 div 高度更小)。

事实上,min-height: 1px = height: 3px ,这很奇怪...

为什么?

最佳答案

这是因为你设置了font-size为1px但是你没有改变line-height。

当您将 font-size 设置为值 x 时,包含文本的整行高度更大。更多详情:http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height

有关详细信息,另请参阅此图片:http://www.w3.org/Talks/2008/0911-CSS-Amsterdam/line-height.png

添加line-height:1px;应该没问题。

关于html - 为什么 firefox 上的最小高度大于高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8803996/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com