css文字超出自动换行
时间: 2023-07-12 12:04:27 浏览: 206
字体超过div范围自动换行
当 CSS 文字超出容器时自动换行可以使用 `word-wrap` 或 `overflow-wrap` 属性。这两个属性用于控制文本在容器边界处的换行方式。
`word-wrap` 属性用于指定是否允许单词内换行。可以设置以下值:
- `normal`:默认值,不允许在单词内换行。
- `break-word`:允许在单词内换行。
```css
.container {
word-wrap: break-word;
}
```
`overflow-wrap` 属性是 `word-wrap` 的标准化版本,推荐使用它。它具有相同的效果,可以设置以下值:
- `normal`:默认值,不允许在单词内换行。
- `break-word`:允许在单词内换行。
```css
.container {
overflow-wrap: break-word;
}
```
使用其中一个属性即可使文本在容器边界处自动换行。
阅读全文