0

CSSのワードラッププロパティ（break-wordに設定）を使用して、固定幅と可変高さのdiv要素内にスペースのない単一の文字列全体を表示しています。div要素自体はテーブルセル内にあります<td>。単語の区切りは期待どおりに機能し、定義された固定幅で単語を区切ります。ただし、IE9（IE7ドキュメント標準を使用）では、divの後に余分なスペースがあり、テーブルセルの幅が拡張されているように見えます（望ましくありません）。CSSで指定されているように、div幅自体は正しいように見えます。divとテーブルセルの周囲の境界線を使用して確認しました。テーブルのセル幅（および最大幅）を明示的に設定しようとしましたが、どちらの方法も機能しません。この動作はFirefoxまたはChromeでは観察されません。

編集：ここにサンプルコードを追加しました。この問題は、IE（Browser_Mode = IE9; Document_Mode = IE7）でのみ発生します。

4

2 に答える 2

2

どうやら、tdそれが壊れていなかったかのように、単語の全長のための余地を作っているようです。overflow: hiddendivに設定することでこれを防ぐことができます。

jsFiddle： http: //jsfiddle.net/gmDpe/6/

于 2012-05-25T22:14:16.147 に答える
1

私は一度同様の問題に遭遇しました。テーブル要素で使用しようとしtable-layout : fixedましたか？

table-layoutはほとんど知られていませんが、広くサポートされているプロパティであり、このような場合に非常に役立ちます。

于 2012-05-25T23:59:31.100 に答える