问题描述:
IE8浏览器以下样式显示出错,所有的li无法一行显示,如图:


原因:
li设置了display:inline-block,而inline-block在IE8和IE8以下兼容性不佳,不能识别inline-block,仅支持宽高,而不在一行显示。
解决方案:
1、在display:inline-block之后,直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。
兼容所有浏览器的方法参考:(重点添加display:inline;zoom:1;)
li{
display:inline-block;
*display:inline;
*zoom:1;
}
网友评论