CSS中的文本是一个框-一些属性是用于内联内容的，所以我想知道文本是什么类型的内容

eivgtgni 于 2023-02-17 发布在其他

关注(0)|答案(2)|浏览(76)

据说CSS中的 everything 是一个方框，但text也是这样吗？
如果可能的话，也给予我正式的规格咨询。
有些属性是用于内联内容，所以我想知道文本是什么类型的内容。
例如：https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align
vertical-align CSS属性设置内联、内联块或表格单元格框的垂直对齐方式。

css

来源：https://stackoverflow.com/questions/75462312/text-in-css-is-a-box-some-properties-are-for-inline-content-so-i-want-to-know

2条答案

按热度按时间

7tofc5zh1#

CSS 2将文本描述为总是包含在内联框中，如果需要的话，可以使用匿名框。
在具有如下HTML标记的文档中：

<p>Some <em>emphasized</em> text</p>

<p>生成一个块框，其中包含几个内联框。“强调”框是由内联元素（<em>）生成的内联框，但其他框（“Some”和“text”）是由块级元素（<p>）生成的内联框。后者称为匿名内联框，因为它们没有关联的内联级元素。
但是，CSS3 Display的描述有所不同。它说文本串不是框，而是框树中的另一种对象。
CSS将源文档组织为元素树（可以包含其他元素和文本节点的混合）和文本节点（可以包含文本），...
...它生成一个中间结构--盒子树，它表示呈现文档的格式结构。盒子树中的每个盒子表示画布上空间和/或时间中的相应元素（或伪元素），而盒子树中的每个文本串同样表示其相应文本节点的内容。
应当注意，在CSS3方案中，文本是内联内容，即使它不是框。
内联框和文本串如何布局的详细信息可以在内联布局模型中找到。请特别注意，块容器中的所有内联框和文本串都被 Package 在一个称为根内联框的内联框中。
纵断面线形说明见“横向箱形断面线形：垂直对齐属性