在 CSS 中,使用 word-wrap
属性来控制英文或数字的自动换行
.container {
word-wrap: break-word;
}
我们为 .container
类设置了 word-wrap
属性为 break-word
。这意味着如果一个单词太长而无法在当前行显示,那么它将被强制换行到下一行。
你也可以使用 word-break
属性来控制单词内部的断字规则。例如,word-break: break-all;
会允许在任何字符之间断行,包括半角空格、全角空格、连字符等。
注意,这两个属性的效果可能会受到其他 CSS 属性的影响,比如 white-space
属性。所以,在使用时需要注意兼容性和实际效果。