您的位置:首页 > 其它

IE6 line-height 失效

2011-11-17 17:09 375 查看
这两天在页面排版的时候遇到了两处地方:一处设置了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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: