私のウェブサイト全体に、<table>
(テキストを折り返さずに)可能な限り最小限のスペースに絞りたい特定の列がある多くのsがあります。他の兄弟セルは、残りのスペースを自動的に共有します。
私は次のトリックを使用していますが、IE7-を除くすべてのブラウザーで機能します。(現時点では、実際にはIE7のみを気にしています)
table {width:100%;}
table td.min-col {white-space:nowrap; width:1px; }
jsFiddleリンク:http ://jsfiddle.net/vm8gc/23/
IE7でこれを試してみると、動作が異なることに気付くでしょう(予期しない動作)。-以下のスクリーンキャプチャを参照してください。
誰かがこれを達成するためのIE7の修正を考えることができますか?
添付ファイル:
他のすべてのブラウザ:
IE7: