/* 将段落中所有文字的字符间距设为10px */ p { letter-spacing: 10px; }
上面这段代码会将所有段落中文字之间的距离设置为10像素。如果希望只调整某个元素内的字符间距:
/* 将ID为“example”的元素中所有文字的字符间距设为5px */ #example { letter-spacing: 5px; }
除了控制所有字符的距离,CSS还可以控制某些字符的距离。例如,中文和英文之间的距离可能需要调整,代码如下:
/* 在所有段落中,只有中文和英文之间的距离设置为2px */ p { letter-spacing: normal; } p span { letter-spacing: 2px; }
这段代码会将所有段落中的默认字符间距恢复正常,然后仅在附加了“span”标签的文字之间设置距离为2像素。
CSS还可以用于调整单词之间的距离,代码如下:
/* 在所有段落中,将单词之间的距离设为0.5em */ p { word-spacing: 0.5em; }
通过CSS优化字符和单词之间的距离,可以让文字在不同的设备和屏幕大小上看起来更加清晰、美观。