IE6中内联元素边框显示不完整的解决办法

2016-3-7 47+ 分享:
IE6中内联元素边框显示不完整的解决办法:
使用IE6识别的CSS属性:_display: inline-block;
 
例如:
<a style="border: 1px solid #000000;">123</a> 在IE6中不显示上边框和下边框
加上_display: inline-block;后显示完整。
 
IE6中当内联元素超过容器宽度,而容器overflow为hidden,此时内联元素的margin无效的解决办法:
使用IE6识别的CSS属性:_display: inline-block;
 
例如:
<div style="width: 10px; height: auto; overflow: hidden;"><a style="margin: 0px 0px 0px 10px;">1234567890123456789</a></div>
在IE6中a元素的左外边距实效,加上_display: inline-block;后问题解决。
 
IE6中display: inline-bolck无效的解决办法:
使用IE6识别的CSS属性: _display: inline; _zoom: 1;