一聚教程网:一个值得你收藏的教程网站

热门教程

IE6下文字line-height失效的解决方法

时间:2022-06-25 09:06:46 编辑:袖梨 来源:一聚教程网

当一个容器里的文字与img、input、textarea、select、object等元素相连时,对这个容器设置的line-height数值就会失效,同时以上元素的行高可能×2,受影响的浏览器:ie5.01、ie5.5、ie6.0。

  解决方法是对与文字相连接的img、input、textarea、select、object等元素加以属性,代码如下:

.line-height{ 
 margin:(所属line-height-自身img,input,select,object高度)/2px 0; 
 vertical-align:middle; 
}

居中对齐

 

问题:在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效。
只有全文字时,line-height属性才有效。

解决方法:
在其中一个非文字的对象的样式中增加:
margin: (容器的line-height - 对象本身的高度)/2px 0; 
vertical-align:middle;

解决问题。

 

热门栏目