咨询CSS中文本的内容类型及相关官方规范

1. 文本本身不是盒模型，但会被包裹在匿名行内盒中 #

CSS里的“万物皆盒”指的是所有参与布局的元素都会生成对应的盒模型，但纯文本本身并不是独立的盒。不过当文本出现在行内上下文（比如<p>、<span>这类元素内部）时，浏览器会自动将文本包裹在**匿名行内盒（anonymous inline box）**中，这个匿名盒属于盒模型的一种，会参与页面的布局计算。

简单来说：文本是内容，它的布局依赖于包裹它的行内盒（可能是显式的<span>，也可能是浏览器生成的匿名盒）。

2. 文本属于inline content（行内内容） #

文本属于不可替换行内内容（non-replaced inline content），是inline content的核心组成部分。这类内容会在**行内格式化上下文（Inline Formatting Context）**中排列，和<span>、<a>这类行内元素的表现一致。

像你提到的vertical-align属性，它作用于inline、inline-block或table-cell盒，而文本所在的匿名行内盒属于inline盒范畴，所以该属性可以控制文本的垂直对齐方式。

3. 官方规范参考 #

• CSS 2.2 视觉格式化模型章节：明确定义了匿名盒的概念，指出当行内上下文中存在纯文本时，会生成匿名行内盒来包裹这些文本，以参与布局。
• CSS Box Model Module Level 3：进一步阐述了行内盒的分类和布局规则，其中包含了对不可替换行内内容的处理说明。

补充说明：vertical-align的作用对象是盒，文本通过匿名行内盒间接受到该属性的影响，这也是为什么该属性能改变文本的垂直位置。

内容的提问来源于stack exchange，提问作者user19481364