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.

原文地址:https://www.cnblogs.com/wusong/p/2538661.html