1

さまざまな jQuery/Javascript 関連の理由から、display:table および display:table-cell でスタイル設定された div を使用してデータを表現しています。マークアップは次のようになります。

<div style="display:table; width:100%">
  <div style="display:table-cell; width:20%;">Stuff</div>
  <div style="display:table-cell; width:60%; max-width:600px; overflow: hidden;">
    Longer Stuff
  </div>
  <div style="display:table-cell; width:20%;">Stuff</div>
</div>

スタイリングは実際にはスタイル属性ではなく css にありますが、これは一般的な考え方です。サイト自体は幅が固定されているため、ピクセル番号.

これは、IE8 以外でテストしたすべてのブラウザーで完全に機能します (IE9 ではテストしていません)。ただし、IE8 では、中央の列がオーバーフローと最大幅のプロパティを無視しているようです。これはIE8のバグですか？もしそうなら、データを集計する新しい方法を見つけずにこれを解決することは可能ですか?

4

2 に答える 2

0

You shouldn't be using = sign within a style attribute. You should use :. This is probably your issue. Change max-width=60px to max-width: 60px

于 2013-06-21T21:26:26.827 に答える
0

GCyrillus はコメントで問題の解決策を提案しました。これはうまくいきました。table-layout:fixed を外側の div (display:table としてスタイル設定されたもの) に設定することです。

于 2013-06-24T14:42:29.443 に答える