css文本换行

作者：★执着唯她发布日期:2025-03-10 浏览:390

/* 示例代码：CSS文本换行 */

/* 使用 word-break 属性 */
p.break-word {
    word-break: break-all;
}

/* 使用 white-space 属性 */
p.white-space {
    white-space: pre-wrap;
}

/* 使用 overflow-wrap 属性 */
p.overflow-wrap {
    overflow-wrap: break-word;
}

解释说明：

word-break: break-all;
- 强制文本在单词内换行，适合处理长单词或不可分割的字符串。
white-space: pre-wrap;
- 保留源代码中的空格和换行符，并且允许文本在需要时自动换行。适合处理包含换行符的文本内容。
overflow-wrap: break-word;
- 允许长单词或 URL 在必要时断开并换行，避免溢出容器。

上一篇：css超出显示省略号

下一篇：css 超出换行