white-space: wrap;
时间: 2024-02-04 07:08:52 浏览: 95
Whitespace.fsp
`white-space: wrap;` 是CSS中的一个属性,用于指定元素内的文本如何处理换行和空白字符。
当设置为`white-space: wrap;`时,文本会根据容器的宽度自动换行,以适应容器的大小。如果一行无法容纳整个单词,会将单词移到下一行显示。
以下是一个示例:
```html
<style>
.container {
width: 200px;
white-space: wrap;
}
</style>
<div class="container">
This is a long text that will wrap to the next line if it exceeds the container's width.
</div>
```
在上面的示例中,当容器的宽度为200px时,文本会自动换行,以适应容器的宽度。
阅读全文