IE、EDGE、およびFirefoxでブレーク・ワードが機能しない

Question

ワード・ブレーク：ブレーク・ワードは、エッジ、つまりfirefoxではサポートされていません。 スペースにスペースがある場合は、スペースを空白にしてもスペースがない場合は単語を壊すためにCSSが必要ですが、スペースが存在しない場合は、直接単語を区切ります（クロムまたはサファリのフィドルを確認してください）。 MSエッジとして、IEとFirefoxはブレーク・ワードをサポートしていませんが、ブレーク・オールを使用する必要がありましたが、文中にスペースがあっても途中の単語もブレークします。

、私はここで、ここで

を使用することができます任意のCSSはテキストが異なるブラウザ上でそれを試してみて、あなたは私が

https://jsfiddle.net/emx9bL3y/7/

@supports (-ms-ime-align:auto) { 
.white-space-pre-wrap{ 
word-wrap:break-word!important; 
word-break:break-all!important; 
display:inline-block; 
} 
} 

感謝を取得していますこの問題を取得しますフィドルであります

溶液が Breaking words using CSS であり、labe lは固定幅でなければなりませんが、この場合、ラベルの幅は画面の幅に対して200pxになります。したがって、画面のサイズが大きければ、ラベルの幅は大きくなります。

Answer 1

このコードを確認してください。動作しています。

.word-breck { 
 
    width: 100%; 
 
    border: solid 1px #ccc; 
 
    word-wrap: break-word; 
 
}

<div class="word-breck"> <p>Itisalongestablishedfactthatareaderwillbedistractedbythereadablecontentofapagewhenlookingatitslayout.ThepointofusingLoremIpsumisthatithasamore-or-lessnormal.</p> 
 
</div>