2016-10-21 12 views
0

' - 'の長い単語は、クロムのHTMLソースコードで囲むことができます。例えば、私は長い言葉を持っています。myfatherwasaself-taughtaaaaaaaaaaaaaaaaaaaa .... aaaaaaa。クロムラップlooooooooooong htmlソースコードの ' - 'を含む単語

Chromeでは、ソースコードとレンダリングされたHTMLの両方で ' - 'で区切られますが、Edgeでは正しく表示されます。この数字はより明確なかもしれない。

コントラスト図:

enter image description here

マイChromeバージョンは54.0.2840.59あるとエッジバージョンが38.14393.0.0です。誰かがなぜChromeが ' - 'に遭遇したときに単語をラップするのか教えていただけますか? Chromeは特に ' - 'を処理しますか?改行なしスペースに‑

同様のコンセプト: 

+0

[ハイフンの後には改行]の可能な重複(http://stackoverflow.com/questions/7691569/no-line-break-after-a-hyphen) –

+1

「正しく表示される」とは何ですか?スペックはおそらくこの事件の何も言わないので、「正しく」ない、「どのようにしたいか」、 –

答えて

0

あなたは非破壊ハイフンを使用する必要があります。

span { 
 
    white-space: nowrap; 
 
}
<span>myfatherwasaself-taughtaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa....aaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>

0

をOR素子にwhite-space: nowrap; CSSプロパティを与える

関連する問題