css如何设置超过宽度换行

CSS是用于控制网页显示效果的样式语言。当涉及到网页中的文字排版时，我们可能会遇到一些问题。比如，当文字超过容器的宽度时，我们希望它可以自动换行，让网页更加美观。那么，CSS如何设置超过宽度换行呢？

word-wrap:break-word;

上述代码可以实现当文字超过容器宽度时自动换行，如果不设置，则文字可能会溢出容器，影响美观效果。毕竟，当我们的网页被加载在不同的设备上时，尺寸不同，样式也需要更改。

除了使用上述代码，还可以通过以下代码实现文本换行:

overflow-wrap: break-word; // 换行可在单词中断处
word-break: break-all;     // 换行可在单词中断处,并以连字符连接

这些代码可以实现在容器宽度不足时，文字能自动换行，保持网站可读性和UI的完美状态。同时，如果你想不换行而实现横向滚动，可以考虑使用CSS overflow-x 属性，同时将超出的部分增加padding/margin。但这种方法需要考虑确认调整网页的尺寸，避免用户无法查看所有内容。