Html 如果内联框的总宽度大于行框'；s

在阅读有关内联格式的sitepoint参考时，我在他们的网站上遇到了这个概念：

如果内联框的总宽度小于行框的宽度，则“方向”和“文本对齐”属性将控制框在行框内的分布方式

但我自己做了一个例子，内联框太长，无法放入一个行框中，它会断开到新行

<p>lalala
    <em>some more lalaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</em> 
    finish lalaa
</p>

---

尽管内联框的宽度大于行框（它的容器），但仍应用

文本对齐

属性。所以，也许我不明白他们用上面的引语想说什么。我的意思是

p

和

em

元素中的单词是内联框，而整个

p

标记创建了内联框？请给我解释一下。

你到底不明白什么？当文本覆盖整个宽度（或超过宽度）时，

text align

由于溢出而变得不相关。@Aziz这就是问题所在。“我的文字”覆盖整个宽度，下一行仍将应用“文字对齐”。就像下一行从中间开始，而不是从左角开始。尽管这句话不是这样说的。[link]

文本对齐

与长线无关，以下几行将按照定义对齐，在您的情况下，对齐到中心。你想让它有不同的表现吗？@Aziz哦，我在em标记中扩展了我的文本，现在我看到它没有像p标记中的文本那样断开到新行。Em文本继续前进，并导致滚动条显示。我认为p标签中的文本将表现为em标签，因为我没有正确理解引号。P不是内联框，对吗？该引号仅用于内联元素，如em标记。em标记会导致创建线框吗？如果我是对的，你能告诉我吗？整个内联框、匿名框和行框的东西让我很困惑。在这种情况下，Em标记是行框？是

p

是块标记，

Em

是内联的。但是，当处理没有中断（连续字符）的文本时，它将创建滚动条，除非强制使用CSS中断滚动条以保持父级的宽度。这适用于所有文本，不管它们的容器是块还是内联。你到底不明白什么？当文本覆盖整个宽度（或超过宽度）时，

text align

由于溢出而变得不相关。@Aziz这就是问题所在。“我的文字”覆盖整个宽度，下一行仍将应用“文字对齐”。就像下一行从中间开始，而不是从左角开始。尽管这句话不是这样说的。[link]

文本对齐

与长线无关，以下几行将按照定义对齐，在您的情况下，对齐到中心。你想让它有不同的表现吗？@Aziz哦，我在em标记中扩展了我的文本，现在我看到它没有像p标记中的文本那样断开到新行。Em文本继续前进，并导致滚动条显示。我认为p标签中的文本将表现为em标签，因为我没有正确理解引号。P不是内联框，对吗？该引号仅用于内联元素，如em标记。em标记会导致创建线框吗？如果我是对的，你能告诉我吗？整个内联框、匿名框和行框的东西让我很困惑。在这种情况下，Em标记是行框？是

p

是块标记，

Em

是内联的。但是，当处理没有中断（连续字符）的文本时，它将创建滚动条，除非强制使用CSS中断滚动条以保持父级的宽度。这适用于所有文本，无论其容器是块还是内联。

p {
    text-align: center;
}