什么是行内元素块级元素?

Posted 2022-07-17 f6056

行内元素

display属性为inline的元素为行内元素。行内元素只占它对应标签的边框所包含的空间。

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

内容：一般情况下，行内元素只能包含数据和其他行内元素。

默认状态下为行内元素的元素：

b, big, i, small, tt

abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var

a, bdo, br, img, map, object, q, script, span, sub, sup

button, input, label, select, textarea

块级元素

display属性为block的元素为行内元素。

格式：通常浏览器会在块级元素前后另起一个新行。

内容模型：一般块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更“大型”的结构。