兼容性:
IE6、IE7不识别inline-block, 支持宽高,不支持在一行显示。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
原理 : 直接将块元素设置为display:inline呈现为内联对象,然后触发layout(如zoom:1)。
兼容所有浏览器的方法是:
{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle; /*去掉下边距*/
}
display:inline-block元素间会产生多余空白,这是inline-block本身特性!
(行内块):
特点:
a). 默认可以设置宽、高
b). 受回车和空格影响
c). 并排一行
去掉下边距:
vertical-align:middle; /*去掉下边距*/
去掉右边距:
font-size: 0; /*加给父元素 去掉块右边距*/