css 文本换行

作者：任光阴风干ゝ影象发布日期:2026-02-20 浏览:64

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

/* 使用 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 属性选择器

下一篇：position在css中的用法