Microsoft Edgeでは、次のような一部のcss属性に問題があることに気付きました。
Word-break: break-Word;
これを修正する方法はありますか、これを回避する方法はありますか?
Word-break: break-Word
は非推奨であり、MS EdgeまたはMS IEではサポートされていません。 これに関するMozillaのドキュメント を参照してください。
Word-break
isはMS EdgeとMS IE ここにリストがあります でサポートされています。ブラウザ。
有効なMS EdgeおよびMS IE Word-break
プロパティは次のとおりです。
Word-break: normal|break-all|keep-all|initial|inherit|unset;
あるいは、mozillaのドキュメントでは overflow-wrap: break-Word;
はあなたが望む方法で動作しますWord-break: break-Word
機能します。
代わりの解決策は、IMHOがより「インテリジェント」に動作するWord-wrap
プロパティを使用することです。つまり、Wordの改行は、Wordが長すぎて行幅に収まらない場合にのみ適用され、次のことができる単語には適用されません。全体を次の行に移動するだけです。
CSS:
Word-wrap: break-Word;
Word-wrap
プロパティはほとんどのブラウザでサポートされており、現在のところ、Microsoft Edge、IE11、Chrome、Firefox、OperaおよびSafariで機能することを確認できています。
注:Word-wrap
はoverflow-wrap
に名前が変更され、Word-wrap
がそのプロパティの代替名になりました。ただし、overflow-wrap
はMicrosoft Edgeで認識されないため、ブラウザー間の互換性のためにWord-wrap
の使用に固執します。
Word-break: break-Word
プロパティを使用するには、コンテナ/テキストの幅を指定する必要があるということです。これを回避する唯一の方法は、非公式WebKit/Blink onlyWord-wrap: break-Word
プロパティを使用することです https://caniuse.com /#search = Word-break
使用する -ms-Word-break: break-all;
前 Word-break: break-Word;
言及する価値もあります。Word-break: break-Word;
は不適切なプロパティですが、WebKitのドキュメント化されていない非標準のプロパティ値です。これにより、Wordの折り返しはWord-wrap: break-Word
のように動作しますが、動的な幅で機能します。