什么是css中的“行框”？

Question

在css文档中，有很多提到行框的地方(例如这里)。这到底是什么意思？

Answer 1

CSS2.1规范解释了9.4.2 Inline formatting contexts节http://www.w3.org/TR/CSS2/visuren.html#inline-formatting中的概念

包含形成直线的框的矩形区域称为行框。 ..。 当几个内联级别的框无法水平地安装在单个行框中时，它们将分布在两个或多个垂直堆叠的行框中。因此，段落是行框的垂直堆栈。 ..。 当内联框超过行框的宽度时，将其拆分为多个框，并且这些框分布在多个行框中。如果内联框不能拆分(例如，如果内联框包含单个字符，或特定于语言的分词规则不允许内联框内的中断，或者内联框受到当前box或pre的空白值的影响)，则内联框溢出行框。