在CSS中,父容器不知道其子容器何时包装。因此,它会继续缩放其大小,而忽略内部发生的事情。
换句话说,浏览器在初始级联上渲染容器。子包装时,它不会重排文档。
这就是为什么容器不收缩包装较窄的布局的原因。就像没有包裹一样,它继续进行下去,如右边的保留空间所证明的。
水平空白区域的最大长度是容器预期在其中存在的元素的长度。
在下面的演示中,可以在水平调整窗口大小时看到空白的来来去去:DEMO
在处理换行文本时,
text-align: right在某些情况下,将其放在容器上可能会有所帮助。

在CSS中,父容器不知道其子容器何时包装。因此,它会继续缩放其大小,而忽略内部发生的事情。
换句话说,浏览器在初始级联上渲染容器。子包装时,它不会重排文档。
这就是为什么容器不收缩包装较窄的布局的原因。就像没有包裹一样,它继续进行下去,如右边的保留空间所证明的。
水平空白区域的最大长度是容器预期在其中存在的元素的长度。
在下面的演示中,可以在水平调整窗口大小时看到空白的来来去去:DEMO
在处理换行文本时,
text-align: right在某些情况下,将其放在容器上可能会有所帮助。