css空格

作者：▍看女人酒醒的疯癫。发布日期:2026-01-24 浏览:110

/* 示例代码：处理 CSS 中的空格 */

/* 1. 使用 white-space 属性控制空格和换行符 */
p {
  white-space: pre; /* 保留空白符和换行符，类似 <pre> 标签的行为 */
}

/* 2. 使用 word-spacing 属性调整单词之间的间距 */
p {
  word-spacing: 10px; /* 增加单词之间的空格 */
}

/* 3. 使用 letter-spacing 属性调整字符之间的间距 */
p {
  letter-spacing: 5px; /* 增加字符之间的空格 */
}

/* 4. 使用 ::before 和 ::after 伪元素插入空格 */
p::before {
  content: " "; /* 在段落前插入一个空格 */
}

p::after {
  content: " "; /* 在段落后插入一个空格 */
}

解释说明：

white-space 属性用于控制元素内的空白符（如空格、制表符、换行符）如何处理。常见的值有 normal（默认值，忽略多余空白）、pre（保留空白符）、nowrap（不换行）等。
word-spacing 和 letter-spacing 分别用于调整单词之间和字符之间的间距。
::before 和 ::after 伪元素可以用来在元素前后插入内容，包括空格。

上一篇：css文字底部对齐

下一篇：css边框渐变