行内元素与块级元素的区别,行内块级元素在IE8-的兼容性
行内元素与块级元素的区别
- 行内元素最好不要包裹块级元素,但是块级元素可以任意的包裹行内元素
- 行内元素如果其上一个元素也是行内元素,则他们会分布在统一水平线上,即在一行上排列,块级元素不论上一个元素是行内元素还是块级元素都要另起一行,单独占一行。
- 对于行内元素设置with、height、margin值无效,但对于块级元素,设置这些值是有效的。
行内块级元素在IE8以下的兼容性
div { display: inline-block; *zoom: 1; *display: inline; }
解析:
- *zoom:1作用是
在IE下触发hasLayout - *display:inline作用作用是
一旦触发了hasLayout设置display:inline和display:block效果相似。