您现在的位置:龙卷风首页 ›› 网络编程 ›› 阅读文章

IE6中line-height的bug

在IE6及其以前的版本中,当在一个容器里文字和img/input等元素混合时,对这个容设设置的line-height数值失效。

IE7/FireFox都支持通过line-height属性使对象在容器中垂直居中,IE6不行。

下面文字引用自:http://www.yiduren.com/blog/article.asp?id=31

 

代码如下
  1. BUG症状:当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置的line-height数值会失效;
  2.  
  3.    受影响的浏览器:  Windows  Microsoft Internet Explorer 5.01 /
  4.                                Windows  Microsoft Internet Explorer 5.5 /
  5.                                Windows  Microsoft Internet Explorer 6    
  6.  
  7. 解决方法:  对和文字相连接的img、input、textarea、select、object等元素加以属性 :  
  8.             margin: (所属line-height-自身高度)/2px 0;  
  9.                   vertical-align:middle ;

 

作者 不见不散 本文仅代表作者观点,与龙卷风资讯网立场无关。

我来说两句

内容/Content