1

文字と文字の間にスペースを入れて改行しないようにしています...

これが私が話していることのデモです：

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

私もこれを試しました：

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

問題は、このコードが Kobo eBook リーダーで機能しないことです。

これを機能させる他の方法はありますか？

4

1 に答える 1

2

ノーブレークシンスペースの問題には、基本的に4つのアプローチがあります。1）U + 202F NARROW NO-BREAK SPACEを使用します。これは、純粋に文字レベルのソリューションですが、ブラウザとフォントのサポートに問題があります。2）U + 2009 THIN SPACEを使用して、試したように壊れないようにします。これはほとんど機能しますが、不器用であり、フィドルのように、薄いスペースの両側から文字を含める必要があります。3）通常のスペースU + 0020 SPACEを使用し、CSSを使用して、改行しないようにし、適切に狭くするようにします。4）U + 00A0ノーブレークスペースを使用し、CSSで狭くしてみてください。

最後のアプローチは、一般的にベストショットのようです。ノーブレークスペースをインライン要素でラップし、そのdisplayプロパティをinline-blockに設定して、width設定が効果を発揮するようにする必要があります。

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

のようなCSSコードで

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

これがKobo電子ブックリーダーで機能することを願っています。IEの一部の例外を除いて、ノーブレークスペースは一般にブラウザで十分にサポートされており、CSSのスタイル設定は単純であるためです。

于 2012-12-17T03:44:11.817 に答える