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
天杀的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
相关文章推荐
- line-height 在IE6 下失效的问题 解决办法(已经亲手验证)
- IE6行高line-height失效问题方法详解
- 关于IE6下line-height失效的一种诡异情况
- 关于IE6下line-height属性失效问题
- line-height在IE6下失效的问题解决办法
- 【转载】解决IE6下的行高line-height失效问题
- 在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效。
- IE6 line-height失效解决办法
- ie6 line-height失效 待测试
- IE6 line-height属性失效
- line-height在IE6下失效原因
- IE6中line-height属性失效的解决办法
- 【转】IE6下Line-height失效问题
- ie6下 line-height设置行高失效bug解决办法
- IE6 line-height 失效
- IE6下line-height失效:当文字与图片img在同一行中显示时line-height失效的解决办法
- 【浏览器兼容】在IE6下行高属性(line-height)失效的解决办法!
- line-height: 属性中文失效解决方案
- ie6下的line-height属性
- CSS line-height:XX在IE7下面与IE6、IE8、FireFox高度不一样