段落にテキストがあります。私の問題は、句読点が単語の最後にある場合、次の行に折り返されることがあるということです。このような:
This is the text
, This is a new line
CSSまたはjQueryでこれを解決できますか?
段落にテキストがあります。私の問題は、句読点が単語の最後にある場合、次の行に折り返されることがあるということです。このような:
This is the text
, This is a new line
CSSまたはjQueryでこれを解決できますか?
単語と句読点の間にスペースを入れず、とにかくそれがラップされている場合は、white-space: nowrap;
css命令を使用できます。それ以外の場合、前のように単語と句読点の間にスペースが必要な場合は?
、ノーブレークスペースコードを使用します。alt + 0160
Windowsを使用している場合は、キーボードで入力することで取得できます。その他のキーボードメソッドについては、こちらをお読みください。
お役に立てば幸いです。
カンマの前にあるスペース記号が原因で問題が発生したとします... text , This ...
。... text, This ....
少なくともそれが私が見ることができる唯一の理由です。このフィドルを見てみると、3番目のテキストがあなたが<p>
言ったように折り返されることは決してないことがわかります。(ブラウザに異なる幅を選択する必要がある場合があります。上記の例はChromeで機能しますが、Firefoxでは幅が少し異なります)
したがって、テキストとカンマの間にスペースがないことを確認してください。