css设置字符间距后无法完全居中问题

css设置字符间距后无法完全居中问题_第1张图片
有时,使用中文作为标题,字符间距按默认的话会显得文字拥挤,使用css属性letter-spacing可以设置文字间距。但是会出现如上图所示的问题,因为letter-spacing在每个字符的右侧加了一段距离,这会使作为标题的文字在居中时显得不那么居中。

解决办法:
使用text-indent增加文本缩进,间距与letter-spacing设置的间距相同即可

letter-spacing: 20px;
text-indent: 20px;

效果如下:
css设置字符间距后无法完全居中问题_第2张图片

你可能感兴趣的:(CSS,css)