IE6 line-height 失效

来源:互联网 发布:淘宝详情排版鉴赏 编辑:程序博客网 时间:2024/05/16 08:54

     这两天在页面排版的时候遇到了两处地方:一处设置了line-height的值,IE7显示文字本行纵向居中,但是IE6中显示顶头了;另一处是个表单项目,设置了line-height后,IE7正常,IE6中表单的外部框增高了横多,留出大块空白。

      天杀的IE6!我们来解决掉他,呵呵呵!!!

BUG症状:当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置的line-height数值会失效; 同时以上元素的行高可能×2:

受影响的浏览器: 
Microsoft Internet Explorer 5.01 / Windows 
Microsoft Internet Explorer 5.5 / Windows 
Microsoft Internet Explorer 6  

解决方法: 
对和文字相连接的img、input、textarea、select、object等元素加以属性 

margin: (所属line-height-自身高度)/2px 0;
vertical-align:middle

原创粉丝点击