css - 设置不间断空格的宽度

Question

我想让我的不间断空格变窄以便与法语标点符号一起使用，最好不要诉诸于降低 font-size。

这是我尝试过的:

Text<span class"sp-thin-fr">&nbsp;</span>?

span.sp-thin-fr {
    display: inline-block;
    width:   0.125em;  /* 1/8 em */
    }

问题是 display: inline-block 出于某种原因覆盖了 nbsp 的不间断属性(在 Firefox、Chrome 和 IE 11 中测试过)。

谁能想出另一种方法来做到这一点，而不是将字符放在空间周围并应用 white-space: nowrap ？ (请注意，我希望能够为空间设置精确的宽度。)

Answer 1

无需使用display:inline-block。

letter-spacing 可能会在这里起作用。所以:

span.sp-thin-fr { letter-spacing: 0px; }

此处示例:http://jsfiddle.net/rkbkbq8q/