Css 设置非打断空间宽度的样式

对于法语标点符号，我想缩小我的非中断空格，最好不要降低

字体大小

以下是我尝试过的：

文本？

span.sp-thin-fr{
显示：内联块；
宽度：0.125em；/*1/8 em*/
}

问题在于
display:inline block
出于某种原因覆盖了nbsp的非中断属性（在Firefox、Chrome和IE 11中测试）

有人能想出另一种方法来实现这一点，而不将字符放在空白处，并应用
空白：nowrap
吗？（请注意，我希望能够设置空间的确切宽度。）
无需使用
display:inline block

字母间距
可能在这里起作用。因此：

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

此处示例：
字母间距？？比如，字母间距：0px；你甚至可以设置一个负值。@jonny.milano-添加一些代码并将其作为答案提交。我考虑过，但是从web复制文本时不会有任何空格，法语文档的期望是在标点符号之前有正常的不间断空格（
他们对此非常敏感
）无视上述评论；我错过了nbsp，并认为您在最后一个字母和问号周围添加了span。实际上，我认为在这种情况下，
右边距
可能是一个更好的主意，因为将
字母间距
应用于仅包含单个字符的元素对渲染结果没有影响。但这仍然给我留下了确切尺寸的问题。好吧，我会。。嘿你回答了你自己的问题！：）是的，其实不是。我以前考虑过，但我无法通过这种方式设置所需的确切宽度，因为每个字体都有一个大小稍有不同的空格，我需要根据它计算偏移量。Unicode的家伙们真的把排字员搞砸了，因为他们没有为每一个空格添加不间断的变体。嗯。。。没有想到字体有不同的空间宽度。可能使用“rem”单位而不是像素，那么测量值将更接近实际的单个字体，例如：字母间距：-0.1rem；/*或者零*/这是一个很难回答的问题。这也是我最初发表评论而没有直接发布答案的原因；）