/* 使用 word-wrap 或 overflow-wrap 属性可以让文字在长单词或 URL 不会被截断的情况下自动换行 */
p {
word-wrap: break-word; /* 或者使用 overflow-wrap: break-word; */
}
/* 使用 white-space 属性控制空白符的处理方式 */
p {
white-space: normal; /* 默认值，允许文本自动换行 */
}word-wrap: break-word;（也可以使用 overflow-wrap: break-word;）：这个属性用于指定是否允许长单词或 URL 在必要时被拆分并换行。它特别适用于防止长单词溢出容器的情况。
white-space: normal;：这个属性用于控制空白符（如空格、制表符、换行符等）的处理方式。normal 是默认值，表示允许文本自动换行，并且多个连续的空白符会被合并为一个。
如果你需要确保文字在特定容器内自动换行，可以结合这两个属性使用。
上一篇：css的作用
下一篇：css网格布局
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站