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

前端之家收集整理的这篇文章主要介绍了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规范仍然处于工作草案状态,所以大概在某种程度上将会改变以适应浏览器的做法。

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

猜你在找的HTML相关文章