letter-spacing 与 text-align:center 的冲突

前几天做了个网页,按钮上的文字中加入空格字符;nbsp;来增加字间距,但不同浏览器对空格字符的解析不同,导致有的间距特大。可见用空格不靠谱,传统落后的加背景色文字也十分的劳民伤财,且对搜索不友好。

现改为设置letter-spacing,标准的字间距属性,但这个属性也有一个致命缺点,就是最后一个字的末尾也会给加上间距,这是神马骚操作?

为了弥补这个bug,可以用text-indent,给文字的首字前面也加一个相同的间距,这样首尾就扯平了。

 

posted on 2018-12-26 14:05  细雨流光  阅读(647)  评论(0编辑  收藏  举报

导航