css超过宽度自动换行

作者：我视你如狗ㄟ发布日期:2026-01-19 浏览:116

/* 设置元素内容超过宽度时自动换行 */
.text-container {
  width: 300px; /* 设置容器的宽度 */
  word-wrap: break-word; /* 强制文本在长单词或 URL 地址内部进行换行 */
  white-space: normal; /* 允许文本在必要时换行 */
}

解释说明：

width: 300px;：设置容器的宽度为 300 像素。
word-wrap: break-word;：当文本中的单词过长而无法在容器内正常显示时，强制该单词在任意字符处断开并换行。
white-space: normal;：允许文本在必要时自动换行，确保文本不会溢出容器。

这个 CSS 样式可以确保当文本内容超出容器宽度时，会自动换行而不是溢出容器。

上一篇：jquery 设置css

下一篇：css中display属性有哪些值