行内元素和块状元素的区别

HTML5学堂：HTML5中的元素很多，大体上可以分为三种，分别是：行内元素，块状元素和第三类元素。第三类元素比较杂，行内元素和块状元素各有各的特点。通常我们会利用元素自身的一些特点来进行布局。

块状元素特点：

1、独占一行，在默认情况下，宽度自动填满父元素宽度

2、宽度和高度可以控制

3、margin和padding横向纵向设置都有效

4、可以通过display: inline; 转换为行内元素

5、除个别特殊元素外，可包含块状元素和行内元素

欢迎沟通交流~HTML5学堂

行内元素特点：

1、不能独占一行

2、宽高由内容撑开

3、margin和padding横向设置有效，纵向设置不产生边距效果

4、可以通过display: block; 转换为块状元素

5、除ins和del外，不能包含块状元素

欢迎沟通交流~HTML5学堂