html内联元素和块元素的特性,HTML中块级元素和内联元素的特性详解

原标题：HTML中块级元素和内联元素的特性详解

在网站布局中经常会遇到元素进行居中的时候，设置了text-align:center；margin:0 auto;有时候会起作用，但有时候对居中无效，刚接触前端布局的小伙伴应该会常遇到这种问题，出现这种问题就是该元素为块级元素和内联元素引起的。下面就来讲解下html中块级元素和内联元素的差异。

两者的特性：

块级元素总是一行独占，其后的元素也会另起一行显示，其宽度(width)、高度(height)、内边距(padding)、外边距(margin)都可以收控制。

内联元素会和相邻的内联元素在同一行显示

常用的块级元素有：div 、dl、form、h1-h6、hr、p、ul、li

常用的内联元素有：a 、b、i、img、em、s、span、strong

块级元素和内联元素的转变：

可以使用css样式转换标签上的块级和内联元素，主要用到的css样式有以下属性：

display:block; 该属性代表 显示块级元素

display:inline;该属性代表 显示内联元素

display:inline-block; 该属性为内联块元素，表现为同行显示，即块级元素和内联元素之间的转换。返回搜狐，查看更多

责任编辑：