html – letter-spacing和text-align之间的冲突:center?

使用letter-spacing似乎真的拧紧了text-align: http://jsfiddle.net/NFAzv/

谷歌没有改变任何东西。我在这里遗漏了什么吗?

编辑#1:这是我得到的(Firefox 3.6.8和Chrome 12.0.742.91在Vista上):链接删除由于新手的链接限制(可以在评论中找到)(注意中心如何排队在所有)

编辑#2:这里是IE9,中心垂直线显示出了什么问题:http://i.stack.imgur.com/C0J0n.png

编辑#3:我在下面的评论中确认Chrome 7在Windows 7上出现问题。至少我不是唯一一个疯了。

解决方法

似乎所有的浏览器已经收敛在一个letter-spacing实现上,这显然与css3应该发生什么不一致。

具体见http://dev.w3.org/csswg/css3-text/#letter-spacing0实施例XV

浏览器根本不这样做。 IE最近甚至改变了它的行为(IE9,我认为)更像是其他浏览器,而不像现在编写的CSS3规范那样。

所涉及的CSS3规范仍然处于工作草案状态,所以大概在某种程度上将会改变以适应浏览器的做法。

您可以通过添加一个填充左边的值来匹配字母间距来重新平衡线,但这并不总是可能的。

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些