在 CSS 中,可以使用 word-wrap
和 white-space
属性来实现文本换行效果。
word-wrap
属性用于控制长单词或 URL 地址在哪里进行换行。可以将其设置为 break-word
,表示在单词内部进行换行,以避免溢出容器。例如:p {
word-wrap: break-word;
}
white-space
属性用于控制空白符如何处理,包括换行符、空格符和制表符等。可以将其设置为 pre-wrap
,表示保留换行符并自动换行,以便文本适应容器。例如:p {
white-space: pre-wrap;
}
另外还有一些其他的属性可以用来控制文本的换行效果,例如 word-break
、overflow-wrap
等,但以上两个属性是最常用的。
重要关键词:word-wrap
、white-space
、break-word
、pre-wrap
、换行符、长单词、URL、空白符、制表符、word-break
、overflow-wrap
。