导读 摘要 今天小编跟大家讲解下有关设置 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;这样就可以实现文字居中了.
来源:爱蒂网
版权声明:本文由用户上传,如有侵权请联系删除!