IE6 line-height 失效

来源:互联网 发布:angular元数据 编辑:程序博客网 时间:2024/05/13 18:56

今天弄页面排版,发现line-height在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

原创粉丝点击