字距调整 CSS

在CSS中，字距是指字符之间的距离。通过调整字距，可以改善排版和可读性，以及增加设计感。本文将介绍如何使用CSS来调整字距。

字距属性

CSS提供了几个属性来控制字距：

• letter-spacing：控制字符之间的距离。取值可以是正数、负数、百分比或者em。
• word-spacing：控制单词之间的距离。取值方式和letter-spacing类似。
• text-align-last：控制文本块最后一行的对齐方式。特别的，如果是两个以上的单词，则可以通过text-align-last控制单词之间的距离。

使用方法

通过CSS样式表调整字距

可以通过CSS样式表来调整文本块的字距。例如，以下代码会将class选择器下的所有元素的字距设为10px：

.class {
  letter-spacing: 10px;
}

内联样式

除了可以通过CSS样式表调整字距，还可以在标签中使用内联样式来控制。

<p style="letter-spacing:4px;">这是一段文本。</p>

兼容性

字距调整相关属性的兼容性很好，可以支持所有现代浏览器和旧版本浏览器。但是，IE浏览器在CSS2.1标准中不支持text-align-last属性，需要使用IE私有属性-ms-text-align-last。

p {
  text-align-last: justify; /* 标准属性 */
  -ms-text-align-last: justify; /* IE私有属性 */
}

总之，通过使用CSS样式表或者内联样式来控制文本块的字距，可以提升排版和可读性，使得文本更加优美。