父元素line-height影响块级/行内块级子元素高度
当父元素仅设置line-height时,子元素若为块级或行内块级元素,对父元素高度的影响存在差异。
如果子元素为行内块级,父元素的高度将受到子元素的影响。原因在于:
- 行内块级元素的高度通常由其内容决定,而父元素设置的line-height会改变其内容的大小。
- 因此,当子元素的内容高度发生变化(即line-height变化)时,会撑大父元素的高度。
而当子元素为块级时,父元素的高度不会受到影响。这是因为:
- 块级元素的高度由其自身的height属性或内容的垂直空间决定。
- 父元素设置的line-height仅作用于行内或行内块级元素,对块级元素无效。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
【小浪云服务商 - 服务器12元起 - 挂机宝5元起】
THE END
暂无评论内容