html – ?,?,? Safari浏览器的替代品

但是,更强大的方法是使用CSS技术来添加间距,主要是填充属性,以及对于所有字母之间需要特定间距的文本运行,字母间距属性.使用后者,请注意它也会在最后一个字符后添加间距.我在Unicode spaces上的页面显示了“固定宽度空间”的定义或典型宽度,例如THIN SPACE(它们都不是真正的固定宽度).但就em单位(字体大小)而言,最好从所需的间距量开始,然后忘记固定宽度的空间.

另一种可能性是使用普通的SPACE字符,但将其包裹在跨度中并设置其宽度.这需要使其成为内联块.当期望的非CSS回退是常规空间而不是没有任何间距时,该方法优于上述方法.请注意,搜索引擎应该假设CSS无知,所以这种方法与让他们“看到”字符之间的单词空间相关(例如,当你想要一个固定宽度的空间时,看看“foo bar”而不是“foo bar”单词“foo”和“bar”).和往常一样,您可以使用NO-BREAK SPACE而不是SPACE来防止断线.

例：

.thin {
  display: inline-block;
  width: 0.2em;
}

<div style="font-size: 200%">
<div>a b (normal space)</div>
<div>a&thinsp;b (thin space)</div>
<div><span style="padding-right: 0.2em">a</span>b (0.2em padding)</div>
<div><span style="letter-spacing: 0.2em">ab</span> (0.2em letter spacing)</div>
<div>a<span class=thin> </span>b (space set to 0.2em width)</div>
<div>a<span class=thin>&nbsp;</span>b (no-break space set to 0.2em width)</div>
</div>