Css 为什么flexbox子项的自动换行会增加它'；使用手动时的宽度<；br/>；不'；T

正如您所看到的，在第一个示例中，包含“Hello World！”的元素比在第二个示例中占用更多的宽度。为什么会这样？我怎样才能使它具有与第二个示例中相同的宽度

你好，世界！
1.




你好
世界！
2.

这是因为你在给定的宽度之前断开了线

您可以添加边框并进行检查

.1、.2{
边框：1px纯绿色；
}

你好，世界！
1.




你好
世界！
2.

原因是容器不知道子元素何时包装，因此它不会收缩到合适的位置。在第二个示例中，我也在给定宽度之前断开了线，没有得到相同的效果。