如何強制非斷裂線與狹窄的空間

Question

我期待使非斷裂線之間的字符空格...

這裏是我談論的一個演示：

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

我也試過這樣：

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

的問題是，這個代碼不工房電子書閱讀器的工作。

有沒有其他方法可以使這項工作？

Answer 1

一般來說，基本上有four approaches這個問題沒有細分空間：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設置也會有所影響：像

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

我

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

與CSS代碼希望這適用於Kobo電子書閱讀器。它應該，因爲不間斷的空間通常在瀏覽器中得到很好的支持，在IE中只有一些例外，CSS樣式很簡單。