HTML 标签类型

HTML 中的标签默认可以分为两种类型:block(块)和inline(行内)。

block

块级元素占据父元素的整个宽度,默认情况下,即使上一行有空间,块元素也会另起一行。

块级元素设置 widthheight 是有效的,也可以设置 paddingmargin,但即使设置了宽度,也仍然是独占一行。

HTML5 的块级元素如下:

addressarticleasideaudioblockquotecanvasdddldivpfieldsetfigcaptionfigurefooterheaderformh1~h6hrhgroupnoscriptoloutputpresectiontabletfootulvideo

inline

一个行内元素只占据它对应标签的边框所包含的空间,默认情况下,行内元素不会以新行开始。

bbigsmallttiabbracronymcitecodedfnemkbdstrongsampvarabdobrimgmapobjectqscriptspansubsupbuttoninputlabelselecttextarea

inline-block

行内块元素简单来说就是将对象呈现为 inline 对象,但是对象的内容作为 block 对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个 link(a 元素)inline-block 属性值,使其既具有 block 的宽度高度特性又具有 inline 的同行特性。

参考文章