css - Safari 6.1/7.0 中带有文本对齐中心的 CSS 字间距问题

Question

当我在 Safari 6.1/7.0 中对齐文本中心并添加字间距时，它会使文本居中，就好像它的宽度不包括中心的空间一样。

例如 CSS

div {
    width:300px;
    border: 1px solid #CCC;
}
h1 {
    text-align:center;
    word-spacing: 90px;
}

例如 HTML

<div>
    <h1>Text Text</h1>
</div>

它在所有其他浏览器中的显示方式：http: //i.imgur.com/JfdM2YG.png

它在 Safari 7.0 中的显示方式：http: //i.imgur.com/OrhLa2Y.png

一个演示：jsfiddle.net/2rwa3/2/

在不使用标签包装单个单词的情况下，是否有任何解决方法？

score 2 · Accepted Answer

作为更新，这已被 Apple 确认为一个错误并合并到另一个开放错误中。目前不确定解决状态。

score 1 · Accepted Answer

将 h1 设置为 inline-block 可修复 Safari 中的问题。

h1 {
    display:inline-block;
    text-align: center;
    word-spacing: 90px;
}

2 回答 2