css 文本超出自动换行
时间: 2023-08-14 15:10:36 浏览: 194
字体超过div范围自动换行
在 CSS 中,可以使用 `word-wrap` 或 `overflow-wrap` 属性来实现文本的自动换行。
1. 使用 `word-wrap: break-word;` 可以让长单词或 URL 在边界处换行,而不会溢出容器。这个属性也可以用于处理非英文字符的换行。示例代码如下:
```css
.my-text {
word-wrap: break-word;
}
```
2. 使用 `overflow-wrap: break-word;` 与 `word-break: break-all;` 可以让文本在任意位置断行,而不会溢出容器。这个属性在处理长英文单词时更有效。示例代码如下:
```css
.my-text {
overflow-wrap: break-word;
word-break: break-all;
}
```
你可以根据具体需求选择其中一种方式来实现文本的自动换行。
阅读全文