CSS-块元素与内联元素的区别

1.内联元素允许其他内联元素与其位于同一行,块元素独占一行。

2.宽度和高度只对块元素起作用,对内联元素不起作用

3.如果我们把内联元素转化成块元素,在相应的内联元素加上一个属性display:block就可以了,反之块级元素转换为内联元素在相应的块元素上添加属性display:inline;就可以了。

4.text-indent:2em;属性,只能加在块元素上面,内联元素是不起作用的。

5.块元素可以包含内联元素和某些块元素,但内联元素不能包含块元素

6.块元素不能放在p标签里面

7.li标签可以包含div

8.块元素可以设置宽高。

9.有几个特殊的块元素只能包含内联元素不能包含块元素,如h1-h6, p dt.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容