帶有文本對齊中心的Safari 6.1/7.0中的CSS字間距問題

當我在Safari 6.1/7.0中對齊文本中心並添加字間距時，它將文本居中，好像其寬度不包括中間的空格。帶有文本對齊中心的Safari 6.1/7.0中的CSS字間距問題

E.g. CSS

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

E.g. 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/

是否有沒有用標籤包裝單個詞的任何解決方法？

其工作正常dr ** width：272px; border：1px solid #CCC; ** 我改成了 –

小提琴沒有用標籤包裝單詞。 http://jsfiddle.net/jhuangweb/yPDZd/2/ –

在Safari 7中仍然存在相同的問題：http://i.imgur.com/XmFzDK6.png 看看它如何不在盒子中居中？ –

作爲一個更新，這被確認爲蘋果的錯誤，併合併到另一個打開錯誤。目前對分辨率狀態不確定。

2014-03-31 23:38:34

將h1設置爲內聯塊可以修復Safari中的問題。

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

2013-11-01 04:25:07 mikowl

不幸的是，它沒有。看看這個小提琴：http://jsfiddle.net/yPDZd/10/ 我所做的只是更新父div的寬度。它工作的唯一原因是因爲寬度巧妙地將文本置於中間。 –

回答