css文本换行属性

作者：视同仁寤戬发布日期:2026-07-05 浏览:80

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

/* 1. word-wrap: break-word; */
p.break-word {
    word-wrap: break-word;
}

/* 解释：当单词过长时，允许在单词内换行。通常用于避免长单词溢出容器的情况。 */

/* 2. white-space: pre-wrap; */
p.pre-wrap {
    white-space: pre-wrap;
}

/* 解释：保留空白符序列，但会正常地进行换行处理。适合用于显示预格式化的文本。 */

/* 3. white-space: nowrap; */
p.nowrap {
    white-space: nowrap;
}

/* 解释：强制文本在同一行显示，不进行换行处理。 */

/* 4. word-break: break-all; */
p.break-all {
    word-break: break-all;
}

/* 解释：允许在单词之间任意位置换行，适用于中文等没有空格的语言。 */

/* 5. overflow-wrap: break-word; */
p.overflow-wrap {
    overflow-wrap: break-word;
}

/* 解释：与 word-wrap: break-word 相同，允许在单词内换行以防止溢出。 */

上一篇：css浮动属性float详解

下一篇：css段落首行缩进2字符