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

概述我可以发布代码,如果它会有所帮助(但它是很多).基本上,如果我将行高或字体大小更改为一个非常大的值,它会破坏我的html布局 – 具体来说,我的DIV似乎变得越来越大……但是我没有这些div中的文本. 任何内联元素都会关注 line-height： On a block container element whose content is composed of inline-level elem 我可以发布代码,如果它会有所帮助(但它是很多).基本上,如果我将行高或字体大小更改为一个非常大的值,它会破坏我的HTML布局 – 具体来说,我的div似乎变得越来越大……但是我没有这些div中的文本.解决方法 任何内联元素都会关注 line-height：

On a block container element whose content is composed of inline-level elements,‘line-height’ specifIEs the minimal height of line Boxes within the element.

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

更改Font-size隐式改变line-height的像素值,默认为line-height：normal,这意味着：

Tells user agents to set the used value to a “reasonable” value based on the Font of the element.

因此,更改Font-size或line-height将更改内联元素占用的垂直空间.

总结

以上是内存溢出为你收集整理的为什么更改font-size和line-height会搞砸我的HTML布局？全部内容，希望文章能够帮你解决为什么更改font-size和line-height会搞砸我的HTML布局？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。