当我在 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>
它在所有其他浏览器中的显示方式:/image/IFW3H.png
在 Safari 7.0 中的显示方式:/image/pMsKW.png
演示:jsfiddle.net/2rwa3/2/
是否有任何解决方法,无需用标签包装各个单词?
最佳答案
将 h1 设置为 inline-block 可以修复 Safari 中的问题。
h1 {
display:inline-block;
text-align: center;
word-spacing: 90px;
}
fiddle :http://jsfiddle.net/yPDZd/9/
关于Safari 6.1/7.0 中文本居中对齐的 CSS 字间距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19673337/