块级元素、行内元素、行内块的区别

一、块级元素:

1.总是从新的一行开始。

2.宽高可控。(margin、padding都可以设置)

3.没有设置宽高时,默认为100%。

4.可以包含块级元素和行内元素。

5.块级文字元素不能放入其他块级元素。

6.大多为结构标签。

二、行内元素:

1.和其他元素都在一行。

2.高度、宽度以及外边距上下都是不可控的。

3.宽高就是内容的高度,依靠自身字体大小和图形支撑结构的,不可以改变。

4.行内元素只能行内元素,不能包含块级元素。

5.行内元素的paddding左右可以设置。

6.margin只能够设置水平方向的边距,即:margin-left和margin-right,设置margin-top和margin-bottom无效。

7.块级大多为结构性标记。

三、行内块级元素:

综合块级元素与行内元素的特性,可设宽高(默认是内容宽高),也可以设置内外边距。

猜你喜欢

转载自www.cnblogs.com/superman-z/p/11525207.html