css 换行符

作者：花折亦无情发布日期:2025-04-29 浏览:53

/* 示例代码：使用 CSS 控制换行符 */

/* 1. 使用 white-space 属性控制文本的换行行为 */
p {
    white-space: pre; /* 保留空白符和换行符，类似 <pre> 标签 */
}

/* 2. 使用 word-break 属性控制单词的断行 */
p {
    word-break: break-all; /* 强制在单词内换行 */
}

/* 3. 使用 overflow-wrap 属性处理长单词的换行 */
p {
    overflow-wrap: break-word; /* 允许长单词或 URL 在必要时断开换行 */
}

解释说明：

white-space: pre;：保留文本中的空白符和换行符，类似于 HTML 中的 <pre> 标签。
word-break: break-all;：强制在单词内部进行换行，适用于需要确保内容不超出容器宽度的情况。
overflow-wrap: break-word;：允许长单词或 URL 在必要时断开换行，避免内容溢出容器。

上一篇：css 六边形

下一篇：css position 居中