CSS的行高是一个十分重要的属性,在网页设计中起到了调整行与行之间距离的作用,无疑为我们提供了更好的排版效果。但出现行高失效问题时,则会导致页面排版困难,降低用户体验。那么,CSS在什么情况下会出现行高失效呢?
• 若字体大小为0,行高将被默认设置为0,text-descend设置会发生失效。
• 行高不能作为继承属性进行定义,因此当你需要继承父元素的行高时,你需要使用em作为单位,而不是将行高指定为具体的数值。
• 行内元素与块级元素属性的结合,对行高的设置会造成影响。
• 没有内容可用于撑起元素,或者字体大小为0时,行高属性将无法生效。
• 图像与行高的结合设置时,会造成行高失真的情况。
• 此外,在进行绝对定位和相对定位的时候,行高也会产生失效。
总的来说,CSS行高失效的情况很多,设计者在进行设计排版的时候,应多留意此问题。避免在设置CSS行高时出现不可预知的失误,才能更好地打造出网页设计的完美作品。