css文字强制换行

作者：__Man︶ㄣ发布日期:2025-08-17 浏览:55

/* 使用 word-break: break-all; 强制文字换行 */
.text {
  word-break: break-all;
}

/* 或者使用 white-space: pre-wrap; 来实现强制换行 */
.text {
  white-space: pre-wrap;
}

解释说明：

word-break: break-all;：这个属性会强制文本中的单词在边界处换行，即使单词内部没有空格。适用于需要确保文本不会超出容器宽度的场景。
white-space: pre-wrap;：这个属性会保留文本中的空白符（如空格、换行符），同时允许文本在容器边界处自动换行。适用于需要保留原有格式并允许换行的场景。

上一篇：css文字不允许换行

下一篇：css文字超出隐藏变省略号鼠标上去展示完整