css什么情况下行高失效

CSS的行高是一个十分重要的属性,在网页设计中起到了调整行与行之间距离的作用,无疑为我们提供了更好的排版效果。但出现行高失效问题时,则会导致页面排版困难,降低用户体验。那么,CSS在什么情况下会出现行高失效呢?

• 若字体大小为0,行高将被认设置为0,text-descend设置会发生失效。

• 行高不能作为继承属性进行定义,因此当你需要继承父元素的行高时,你需要使用em作为单位,而不是将行高指定为具体的数值。

• 行内元素与块级元素属性的结合,对行高的设置会造成影响。

• 没有内容可用于撑起元素,或者字体大小为0时,行高属性将无法生效。

• 图像与行高的结合设置时,会造成行高失真的情况。

• 此外,在进行绝对定位和相对定位的时候,行高也会产生失效。

css什么情况下行高失效

总的来说,CSS行高失效的情况很多,设计者在进行设计排版的时候,应多留意此问题。避免在设置CSS行高时出现不可预知的失误,才能更好地打造出网页设计的完美作品。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效