css 一行字符串 换行

CSS中，一行字符串过长时需要换行，可以使用word-wrap: break-word;属性实现。

.max-width {
    max-width: 500px;
    word-wrap: break-word;
}

上面的代码表示当元素宽度超过500px时，自动换行，不会超出元素的最大宽度。

除了word-wrap: break-word;属性外，还可以使用overflow-wrap: break-word;属性实现换行。这两者的区别在于，word-wrap在某些情况下可能会使单词被分割成两半，而overflow-wrap会尽量避免这种情况。

.word-wrap {
    word-wrap: break-word;
}

.overflow-wrap {
    overflow-wrap: break-word;
}

上面的代码演示了两种属性的用法。