1

W3Schools 定义的块级元素在元素之前和之后都有换行符,例如p、h1等。非嵌套内联元素要么从它们自己的行开始(无换行符),要么保持在同一行,如果嵌套。

虽然span表现正常(以及所有其他内联元素)。div永远不会像块元素一样创建换行符,而只会在 div 元素开头的新行上开始。

也许我错过了一些东西,因为每个人都在谈论DIV是块级的,但它的行为就像一个内联元素,如果没有嵌套,它会开始一个新行,不会创建换行符,但是当一个div与另一个div嵌套它只是创建一个新行。

DIV是唯一这样的“混合”元素吗?我错过了更基本的东西吗?

4

2 回答 2

7

没有元素会创建换行符。您只是看到不同默认样式的效果,它们具有不同的marginpadding值。默认样式因浏览器而异,但通常看起来类似于 HTML 4 规范中包含的 [非常过时] 参考样式表:http: //www.w3.org/TR/CSS2/sample.html

于 2012-09-05T20:40:25.563 回答
2

Mozilla Developer Network或 MDN 是了解 HTML 的最佳场所。

这里有一个解释<div>div | Mozilla 开发者网络

Document Division ( <div>) HTML 元素是流内容的通用容器,它本身并不代表任何东西。它可用于对元素进行分组以进行样式化(使用 class 或 id 属性),或者因为它们共享属性值,例如 lang。只有在没有其他语义元素(例如<article><nav>)合适时才应使用它。

以下是块级元素和内联元素之间的比较:


块级元素


内联元素和块级元素之间的区别是:

格式化

默认情况下,块级元素从新行开始。

内容模型

通常,块级元素可能包含内联元素和其他块级元素。这种结构区别中固有的想法是块元素创建比内联元素“更大”的结构。


内联元素


内联元素和块级元素的区别:

内容模型

通常,内联元素可能只包含数据和其他内联元素。

格式化

默认情况下,内联元素不以新行开头。

于 2012-09-05T20:40:47.290 回答