如何使用薄空间强制使用非破坏线

Question

我希望在字符之间留出一个不间断的行...

这是我正在谈论的演示：

http://jsfiddle.net/hGdXE/1/

我也试过这个：

<span style="white-space:nowrap">&thinsp;</span>

问题是此代码在Kobo电子书阅读器中不起作用。

还有其他方法可以使这项工作吗？

Answer 1

基本上four approaches对于不间断的瘦身空间问题基本上是{{3}}：1）使用U + 202F NARROW NO-BREAK SPACE，这将是一个纯粹的字符级解决方案，但浏览器和字体支持是个问题。 2）使用U + 2009 THIN SPACE并尝试使其不破坏，正如您所尝试的那样。这大部分都有效，但它很笨拙，你需要在稀疏空间的每一侧包括角色，就像你的小提琴一样。 3）使用普通空间，U + 0020 SPACE，并尝试使用CSS使其既不破坏又适当缩小。 4）使用U + 00A0 NO-BREAK SPACE并尝试使用CSS缩小范围。

最后一种方法似乎是最好的镜头。您需要在内联元素中包含不间断空格并将其display属性设置为inline-block，以便width设置生效：

<span class=fine>&nbsp;</span>

使用CSS代码，如

.fine {
  display: inline-block;
  width: 0.125em;
} 

我希望这适用于Kobo电子书阅读器。它应该是，因为在浏览器中通常很好地支持不间断空间，IE中只有一些例外，CSS样式很简单。