微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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规范仍然处于工作草案状态,所以大概在某种程度上将会改变以适应浏览器的做法。

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

原文地址:https://www.jb51.cc/html/233600.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐