IE6、IE7不识别inline-block, 支持宽高,不支持在一行显示。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
原理 : 直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。
兼容所有浏览器的方法是:
{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle; /*去掉下边距*/
}