css里文字超过父容器宽度自动换行怎么写
时间: 2023-07-04 21:10:13 浏览: 216
CSS 文字自动换行
可以使用CSS中的`word-wrap`和`overflow-wrap`属性来实现文字超过父容器宽度自动换行。具体使用方法如下:
```css
/* 普通文本自动换行 */
word-wrap: break-word;
/* 中英文混合文本自动换行 */
overflow-wrap: break-word;
```
其中,`word-wrap`属性用于指定是否允许在单词内部进行换行,它有以下几个取值:
- `normal`:默认值,不允许在单词内部进行换行;
- `break-word`:允许在单词内部进行换行。
`overflow-wrap`属性用于指定是否允许在英文单词内部进行换行,它有以下几个取值:
- `normal`:默认值,不允许在单词内部进行换行;
- `break-word`:允许在单词内部进行换行。
通常情况下,建议同时使用`word-wrap`和`overflow-wrap`属性,以兼容不同的浏览器。
阅读全文