HTML行内元素、块状元素和行内块状元素的区分

HTML 5 的常用元素分类

　　HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种，这三者是可以互相转换的，通过display属性可以实现互相转换

　　　　(1)display:inline;转换为行内元素

　　　　(2)display:block;转换为块状元素

　　　　(3)display:inline-block;转换为行内块状元素

　　1、行内元素

               行内元素特征：(1)设置宽高无效

　　　　　　　　　        (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间

　　　　　　　　　        (3)不会自动进行换行

　　　　常见的行内元素有：a 、span、br、b、u、ur等等

　　2、块级元素

　　　　块状元素特征：(1)能够识别宽高

　　　　　　　　　(2)margin和padding的上下左右均对其有效

　　　　　　　　　(3)可以自动换行

　　　　　　　　　(4)多个块状元素标签写在一起，默认排列方式为从上至下

　　　　常见的块级元素有：div、p、h1-h6、ol-li、table、nav、aside、header、footer、section、article、ul-li、address等等

　　3、行内块状元素

　　　　行内块状元素特征：(1)不自动换行

　　　　　　　　　　　       (2)能够识别宽高

　　　　　　　　　　　       (3)默认排列方式为从左到右

　　　　常见的行内块状元素有：img、input、td等

转载于:https://www.cnblogs.com/web12/p/9879961.html