为什么更改font-size和line-height会搞砸我的HTML布局?

fun*_*hun 3 html css

我可以发布代码,如果它会有所帮助(但它是很多).基本上,如果我将行高或字体大小更改为一个非常大的值,它会破坏我的html布局 - 具体来说,我的DIV似乎变得更大......但我没有这些div中的文本.

mu *_*ort 7

任何内联元素都会注意line-height:

在内容由内联级元素组成的块容器元素上,"line-height"指定元素中线框的最小高度.

在您的情况下,您的<img>元素(<div>块容器)中包含元素(默认情况下为内联元素).

更改font-size隐式更改像素值line-height,默认值为line-height: normal,这意味着:

告知用户代理根据元素的字体将使用的值设置为"合理"值.

因此,更改font-sizeline-height将更改内联元素占用的垂直空间.