css 行级元素和块级元素
区别:
属性 |
行级 |
块级 |
换行 |
No |
yes |
Width |
No |
Yes |
height |
No |
yes |
Margin竖直方向(top,bottom) |
No |
Yes |
padding竖直方向(top,bottom) |
No |
Yes |
相关性:
通过display属性切换元素为块级或行级元素,block/inline。
特别说明display属性值inline-block. Inline-block是二者的合体。前面列表中都会变成yes。
IE6,IE7解决inline-block的方案:
1,使用zoom:1 触发haslayout,实现同等于inline-block的效果。
2,使用inline-block,同时设置height属性,触发haslayout.