加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 22:24:43 所属栏目:资源 来源:网络整理
导读:使用letter-spacing似乎真的拧紧了text-align: http://jsfiddle.net/NFAzv/ 谷歌没有改变任何东西。我在这里遗漏了什么吗? 编辑#1:这是我得到的(Firefox 3.6.8和Chrome 12.0.742.91在Vista上):链接删除由于新手的链接限制(可以在评论中找到)(注意中心如
使用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规范仍然处于工作草案状态,所以大概在某种程度上将会改变以适应浏览器的做法。

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读