ie7不支持inline-block

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

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

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

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

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

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

原文地址:https://www.cnblogs.com/summer-work/p/6490693.html