ie7不支持inline-block

今天调试代码的时候发现ie7下的<li>不会横向排成一行,而是各占一行竖直排列,

最后查找原因发现是ie7不支持inline-block这个属性,

解决方法:1、在相关css代码下边添加

display: inline;
zoom:1;即可实现横向一行排列

2、其实加上float:left;也可以,但是在设置margin:auto;下会出现靠左排列的问题,

所以这个方法应该看情形使用。

posted @ 2017-03-02 15:09  呼叫芭比  阅读(216)  评论(0编辑  收藏  举报