/* 当内容超出容器宽度时，自动换行 */
.word-wrap {
word-wrap: break-word; /* 强制文本在单词内换行 */
word-break: break-all; /* 强制文本在任意字符处换行 */
}
/* 示例HTML代码 */
<div class="word-wrap">
这是一个非常长的文本示例，用于演示CSS超出换行的效果。这是一个非常长的文本示例，用于演示CSS超出换行的效果。
</div>word-wrap: break-word;：当单词过长导致溢出容器时，允许在单词内部进行换行。word-break: break-all;：允许在任何字符处换行，适用于中英文混合的场景，尤其是中文字符不会自然断开的情况。这两种属性可以根据具体需求选择使用，以确保文本在容器内正确换行而不溢出。
上一篇：css背景图片设置
下一篇：css首行缩进
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站