css换行

作者：冷轩长风发布日期:2025-03-07 浏览:116

/* 示例代码：使用 CSS 实现换行 */

/* 方法1：使用 word-break 属性 */
.text1 {
  word-break: break-all;
}

/* 解释：当文本内容超出容器宽度时，word-break: break-all; 会强制在任意字符处换行，包括单词内部。 */

/* 方法2：使用 white-space 属性 */
.text2 {
  white-space: pre-wrap;
}

/* 解释：white-space: pre-wrap; 保留了文本中的空白符（如空格、换行符），并且在需要时会自动换行。 */

/* 方法3：使用 overflow-wrap 属性 */
.text3 {
  overflow-wrap: break-word;
}

/* 解释：overflow-wrap: break-word; 在长单词或 URL 超出容器宽度时，允许在单词内部换行，避免溢出容器。 */

上一篇：css 省略号

下一篇：css居中