山海科技发展网

07月25日科技常识:设置 letter-spacing 后文字不能居中的解决方法

导读 摘要 今天小编跟大家讲解下有关设置 letter-spacing 后文字不能居中的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到...
摘要 今天小编跟大家讲解下有关设置 letter-spacing 后文字不能居中的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关

今天小编跟大家讲解下有关设置 letter-spacing 后文字不能居中的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关设置 letter-spacing 后文字不能居中的解决方法 的相关资料,希望小伙伴们看了有所帮助。

今天才发现 给文字设置letter-spacing再设置text-align: center; 文字会整体往左偏移 不能居中。 给文字嵌套了一个span标签 再选择文字可以看出 letter-spacing给每个字的右边都加了一个间距。

设置居中的时候 最后一个字的右间距也会包括其中 所以会出现不能居中的情况。

比较简单的一个方法是给文字设置text-indent 属性值和letter-spacing相同。

css代码如下:

text-align:center;letter-spacing:1em;text-indent:1em;

这样就可以实现文字居中了.

来源:爱蒂网