css文字自动换行

作者：傲世，小狂徒发布日期:2025-03-08 浏览:140

/* 使用 word-wrap 或者 overflow-wrap 属性可以让文字在容器内自动换行 */
p {
  word-wrap: break-word; /* 或者使用 overflow-wrap: break-word; */
}

/* 或者使用 white-space 属性来控制换行行为 */
p {
  white-space: normal; /* 允许文本在需要时换行 */
}

解释说明：

word-wrap: break-word;（或 overflow-wrap: break-word;）：当单词过长而无法适应容器宽度时，允许单词在任意字符处断开并换行。这通常用于防止长单词溢出容器。
white-space: normal;：默认情况下，浏览器会根据内容和容器的宽度自动处理换行。如果设置了 white-space: nowrap;，则文本不会自动换行，因此设置为 normal 可以确保文本在必要时正常换行。

上一篇：css行间距

下一篇：css 背景色渐变