行内元素和块级元素

Question

*display:inline;zoom:1;这是有什么用呢？

Answer 1

IE6，7下块级元素display: inline-block仍然表现的是block
display:inline是让块级元素表现为行内元素，zoom:1触发IE下的hasLayout,即表现为inline-block

Answer 2

display:inline将元素设定为行内元素
zoom:1 使该元素具备一定块级元素特征，也就是layout。
整体效果同display:inline-block，行内块，具备行内元素部分特征(并排呀，按行高居中呀)，也具备块级元素部分特征。
为了兼容老版本浏览器。
zoom也总在清除浮动，解决浮动元素父元素坍塌(实际上是浮动元素脱离文档流)。

Answer 3

*display:inline;
zoom:1;
使得在ie6 7中表现出display:inline-block;的效果。

Answer 4

ie 6/7 不支持inline-block，所做的hack，inline触发行内，zoom触发haslayout，使整体表现与inline-block一致，实际上触发haslayout的手段很多，但zoom=1是副作用最小的