html - letter-spacing 和 text-align 冲突 :center?

标签 html css

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

Google 没有找到任何结果。我在这里遗漏了什么吗?

编辑 #1:这是我得到的(Vista 上的 Firefox 3.6.8 和 Chrome 12.0.742.91):由于新手的链接限制而删除了链接(可以在评论中找到)(注意中心根本不对齐)

编辑 #2:这是 IE9,中间有一条垂直线以显示问题所在:http://i.stack.imgur.com/C0J0n.png

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

最佳答案

似乎所有浏览器都集中在字母间距实现上,这显然与 css3 所说的不一致。

具体参见 http://dev.w3.org/csswg/css3-text/#letter-spacing0 处的示例 XV

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

所讨论的 CSS3 规范仍处于工作草案状态,因此可能会在某个时候对其进行更改以匹配浏览器的功能。

您可以通过添加 padding-left 值以匹配字母间距来重新平衡行,但这可能并不总是可行。

关于html - letter-spacing 和 text-align 冲突 :center?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6315491/

相关文章:

html - 在菜单中水平显示列表项

javascript - 如何使用 jQuery 切换多个 div

javascript - 如何在 Ryan fait stick 页脚中拆分页眉和页脚之间的空间

jQuery UI 工具提示加载并延迟显示

jquery - 在有多个元素的 jquery 中使用 .next css 选择器

javascript - 简单的选项卡式 div

html - 单击链接时关闭 html5 HTML 通知

html - CSS:滚动条在窗口下方开始几个像素

javascript - 如何获得圆形/圆形 Facebook 分享按钮

html - Bootstrap 列与按钮高度相同