Safari 6.1/7.0 中文本对齐居中的 CSS 字距问题



当我在 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>

它在所有其他浏览器中的显示方式:https://i.stack.imgur.com/IFW3H.png

它在 Safari 7.0 中的显示方式:https://i.stack.imgur.com/pMsKW.png

演示:jsfiddle.net/2rwa3/2/

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

将 h1 设置为内联块可修复 Safari 中的问题。

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

小提琴:http://jsfiddle.net/yPDZd/9/

作为更新,这被Apple确认为错误并合并到另一个未解决的错误中。目前不确定解决状态。

相关内容

  • 没有找到相关文章

最新更新