css 超出换行

作者：迷失未来发布日期:2025-04-12 浏览:69

/* 示例代码：当文本超出容器宽度时自动换行 */

.text-container {
  width: 200px; /* 设置容器宽度 */
  word-wrap: break-word; /* 允许长单词或 URL 地址换行到下一行 */
  white-space: normal; /* 默认值，允许文本在需要时换行 */
  overflow-wrap: break-word; /* 等同于 word-wrap, 允许长单词断开换行 */
}

/* 解释说明：
- `word-wrap` 或 `overflow-wrap` 属性用于处理长单词或 URL 地址的换行问题。
- `white-space: normal` 允许文本在需要时自动换行。
- `width` 设置了容器的宽度，当文本内容超过这个宽度时会触发换行。
*/

上一篇：css文本换行

下一篇：css行间距