display:inline-block 不被IE7识别的解决方案

今天遇到一个 display:inline-block 不被IE7识别的问题，如图：

除IE7之外的其他浏览器：

IE7：

解决方案：

第一种：专门为IE7写Hack

 display:inline-block;
 *display:inline;
 *zoom:1;

特别是 ZOOM:1 这个必须的

第二种：

.selector { display: inline-block }
.selector { *display: inline }
注意这两个 display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将 display设回inline或block，layout不会消失。不能写进一个声明中。

 

另外：input、select、button、textarea的默认display皆为inline-block,所以在布局时应加以注意...