[分享]css中字之间的间隔

在CSS中，我们经常会遇到需要控制字之间间隔的情况。这时候我们就需要用到字间距（letterspacing）和单词间距（wordspacing）这两个属性。/ 设置字间距为2px / p { lett...

在CSS中，我们经常会遇到需要控制字之间间隔的情况。这时候我们就需要用到字间距（letter-spacing）和单词间距（word-spacing）这两个属性。

/* 设置字间距为2px */
p {
  letter-spacing: 2px;
}

/* 设置单词间距为10px */
p {
  word-spacing: 10px;
} 

字间距和单词间距的值可以是负值，这样就会让字或单词之间更加贴近。

/* 设置字间距为-1px */
p {
  letter-spacing: -1px;
}

/* 设置单词间距为-5px */
p {
  word-spacing: -5px;
} 

除了使用字间距和单词间距这两个属性控制字之间的间隔，我们还可以使用text-align属性和text-indent属性来让文字更加美观。

/* 左对齐 */
p {
  text-align: left;
}

/* 右对齐 */
p {
  text-align: right;
}

/* 居中 */
p {
  text-align: center;
}

/* 设置首行缩进为20px */
p {
  text-indent: 20px;
} 

字间距、单词间距、text-align属性和text-indent属性在网页设计中十分实用，可以让我们的文字更加美观、可读性更高。