web-dev-qa-db-ja.com

ワードラップがInternet Explorerで機能しない

ブラウザモード：IE9互換表示とドキュメントモード：IE7標準でWord-wrap:break-Wordを使用している場合、完全に正常に動作します。ただし、ドキュメントモードを変更すると、IE9標準が機能しなくなります。また、-ms-Word-wrap:break-Wordを使用してみましたが、同じ結果が得られました。

ドキュメントタイプの定義：DTD/xhtml1-transitional.dtd

なぜそうなのか、それに対処するための回避策がある場合は誰にも教えてもらえますか？

cssinternet-explorerinternet-explorer-9word-wrapxhtml-transitional
15
dShringi

あなたが持っている必要があります

table {
    width:100%;
    table-layout:fixed;
}

そして、置きます Word-wrap in table,td,thがspanに入っていない

http://jsfiddle.net/d6VsD/7/

16
btevfik

関係する要素の親にWord-wrapプロパティを適用すると、IE9の問題が解決します。

15
mukesh

この方法でお試しください

  .table tr td { 
               Word-wrap: break-Word;
               Word-break: break-all;
               }
7
Piyush Marvaniya

私の場合、IEは、スパンをインラインブロックとしてレンダリングするまで、Wordのブレークスタイルを考慮しませんでした。

.selector{
    display: inline-block;
    Word-break: break-all;
    overflow-wrap: break-Word; /* For other browsers*/
}
6
DevOragz
-ms-Word-break: break-all;

> IE9で動作します

2
Anusha Medicherla

-ms-Word-break: break-Word;を追加するとうまくいきました。

1
frodo2975

動作するはずです、.your_class_name{Word-break:break-Word;}、私はie7-ie9でテストしましたが、Wordを壊します...

0
Jurijs Nesterovs