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; }