css中文字间的距离

在CSS中，文字间的距离是非常重要的一个样式问题。通过合适的文字间距，可以使网页排版更加整齐、美观，提高阅读体验。那么，CSS中都有哪些常见的文字间距样式呢？

p {
  letter-spacing: 1px; /* 文字间距 */ 
  word-spacing: 5px; /* 单词间距 */ 
  line-height: 1.5; /* 行间距 */ 
  text-indent: 2em; /* 首行缩进 */ 
  text-align: justify; /* 两端对齐 */ 
}

上述代码演示了一些常用的文字间距样式：

1. 文字间距

letter-spacing属性用于控制文字之间的间距，可以设置一个像素值，也可以设置一个百分比值。

如下代码会让每个字母之间都增加1px的距离：

p {
  letter-spacing: 1px; 
}

2. 单词间距

word-spacing属性用于控制单词之间的距离。和letter-spacing类似，同样可以设置一个像素值或者百分比值。

如下代码会让每个单词之间增加5px的距离：

p {
  word-spacing: 5px; 
}

3. 行间距

line-height属性用于控制行与行之间的距离。可以设置一个数字值，也可以设置一个百分比值。

如下代码会让每行文字之间的距离是文字大小的1.5倍：

p {
  line-height: 1.5; 
}

4. 首行缩进

text-indent属性用于控制首行缩进的距离，可以设置一个像素值，也可以设置一个百分比值。

如下代码会让每个段落的首行缩进2个字符：

p {
  text-indent: 2em; 
}

5. 两端对齐

text-align属性用于控制文本的对齐方式，其中justify可以实现两端对齐的效果。

如下代码会让每个段落实现两端对齐的效果：

p {
  text-align: justify; 
}

综上，文字间距是CSS样式中一个非常重要的部分。通过设置合适的文字间距，能够让网页排版更加整齐、美观，提高阅读体验。