2016-08-21 14 views
1

下記のCSSクラスを使用して、幅の長い単語を%で固定しません。これはFirefoxとWindows Phoneでは機能しません。Windowsで動作しない長い単語の単語ラップ

-ms-word-break: break-all;  
word-break: break-all;  
word-break: break-word;  
-webkit-hyphens: auto;  
-moz-hyphens: auto;  
-ms-hyphens: auto;  
hyphens: auto;  
width:100%; 

誰でも助けてくれますか?

答えて

0
word-break: break-word; 

このステートメントは、関連するプロパティに間違った値を使用します。 break-word値はword-wrapプロパティで使用されます。また、あなたがテキストを破る必要がある場所を確立するための割合を使用していることを罰金ですが、あなたが持っている場合:

width: 100%; 

これは、あなたはそれがどの100%マークまでのテキストを壊したくない、ブラウザを語っていますテキストブレークがまったく表示されない理由について責任を負う可能性があります。私はあなたのコードの残りの部分を見ることができませんが、これらのプロパティでは、あなたが破壊しようとしているテキストのHTMLの親要素にlang属性を定義すると仮定していると思います。テキストを壊す。いくつかの言語は中国語のようなテキストを壊すことを許さないので、これは重要です。これはあなたが探している答えではない場合は、おそらく追加のコードを含めることができますので、私はあなたが直面している問題のより良い把握を得ることができます。

関連する問題