快速了解html行内元素与块级元素

元素被分成两大类: inline （内联元素）与 block（块级元素）。

1、行内元素定义

一个行内元素只占据它对应标签的边框所包含的空间。

常见的行内元素有 a， b， span， img， strong， sub， sup， button， input， label， select， textarea

2、 块级元素定义

 

块级元素占据其父元素（容器）的整个宽度，因此创建了一个 “ 块 ” 。

常见的块级元素有 div， ul， ol， li， dl， dt， dd， h1， h2， h3， h4， h5， h6， p

行内元素与块级元素的区别介绍：

 

（ 1 ） 格式上，默认情况下，行内元素不会以新行开始，而块级元素会新起一行。

（ 2 ） 内容上，默认情况下，行内元素只能包含文本和其他行内元素。而块级元素可以

包含行内元素和其他块级元素。

（ 3 ） 行内元素与块级元素属性的不同，主要是盒模型属性上：行内元素设置 width 无

效， height 无效（可以设置 line-height ），设置 margin 和 padding 的上下不会对其他元素

产生影响。

完结。

扫码小程序给个流量支持吧