css 超出宽度自动换行
时间: 2023-07-26 22:27:25 浏览: 222
通过CSS让TD自动换行
当元素的内容超出其指定的宽度时,可以使用CSS属性`word-wrap`或者`white-space`来实现自动换行。具体方法如下:
1. 使用`word-wrap: break-word`属性可以实现自动换行。这个属性会在单词内部进行断行,使得单词不会被截断。
```css
div {
width: 200px;
word-wrap: break-word;
}
```
2. 使用`white-space: normal`属性可以实现自动换行。这个属性会在空格处进行断行。
```css
div {
width: 200px;
white-space: normal;
}
```
另外,还可以使用`overflow-wrap`属性来控制文本的自动换行。这个属性会在单词内部和空格处都进行断行。
```css
div {
width: 200px;
overflow-wrap: break-word;
}
```
阅读全文