nbspの反対は何ですか?


87

 文字は、改行を許さないスペースです。

<p>lorem ipsum here&nbsp;are&nbsp;some&nbsp;words and so on</p>

| lorem ipsum                |
| here are some words and so |
| on                         |

その反対は何ですか?つまり、スペースとしてレンダリングされないが、改行に使用できる文字。

<p>foo supercalifragilisticexpialidocious bar</p>
<!--   put char here ^   and here ^ -->

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

私はソフトハイフンの文字を知っていますが、私の目的のために、特にブレークでハイフンを追加したくありませ

回答:


96

ユニコード文字のゼロ幅スペース(\ u200B)が必要です。

&#8203;またはを使用してHTMLで取得できます&#x200b;

明示的なブレークと非ブレーク:

LB7:スペースまたはゼロ幅スペースの前で中断しないでください。
LB8:1つ以上のスペースが介在している場合でも、ゼロ幅スペースに続く文字の前でブレークします。
http://unicode.org/reports/tr14/


私はこれをテストしましたが、Firefox3.5.7では改行が発生しません。
正午シルク

19
明示的な改行を生成することを意図したものではありません。これは、行長すぎてどこにでも収まらない場合に、線折り返すことできるポイントを示すことを目的としています。
アノン。

13
それはあなたのためのIE6です。
マイクウェラー2010年

2
したがって、この文字は悪の可能性があります。これを含むコンテンツをコピーすると(Unicode対応のエディターで楽しく再生されます)、その存在に気付かず、コンパイラーが文字を窒息させる可能性があります。ハード。たとえば、Chromeは「違法な文字」を表示しますが、それがどこにあるかは示しません。私はこの確かに巧妙なトリックを最後の手段として使用します
Steven Lu

1
目に見える代替手段はハイフンです。
davidcondrey 2015年

38

あまり知られていないwbrタグもあります。これにより、ブラウザは行を中断するかどうかを決定できます。


1
これは非標準であり、すべてのブラウザでサポートされているわけではないことに注意してください。
ブライアンキャンベル

1
@ブライアン、フレッドデンが投稿したquirksmodeリンクを確認してください。
nickf 2010年

10
Facebookにとって十分であれば、すべての人にとっても十分です;-)
Martin Bean

1
WBRは、Chrome 34.0.1847.131 m、Firefox 29.0.1、およびOpera Chromium12.17で動作します。IE11.0.9600.17105では機能しません。
デイブバートン

<wbr>は-?を追加しますか?
beppe9000

16

quirksmode.orgには、この質問に非常にうまく答える素敵なページがあります。http://www.quirksmode.org/oddsandends/wbr.html

つまり、<wbr />または&#8203;を使用します。(または&shy;しかし、ダッシュは必要ないとおっしゃいました)。


これらの可能性のすべてがすべてのブラウザでサポートされているわけではありません。おそらく&#8203; ほとんどのブラウザはUnicodeを認識できるはずなので、これが最善の解決策です。
AndiDog 2010年

そしてIE6ユーザーはどうやら醜いグリフを取得します...私の心は泣きます。
nickf 2010年


1

ワードラップと呼ばれるCSS3プロパティを使用できます

p.test {word-wrap:break-word;}

それが役に立てば幸い!


2
これは、改行が追加される場所を気にしない場合にのみ機能します。
JJJ 2015

問題は、一般的に休憩を有効にする方法ではなく、休憩する場所を特定の単語に設定することです。
FrodeEvensen19年

-5

これについては多くの議論がありますが、使用するのは多かれ少なかれ標準になっています &shy;


5
これは、質問者が望まなかったソフトハイフンです。
機械式カタツムリ
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.