1

次のhtml構造のテーブルがあります。

<table>
<tr>
  <td rowspan=2>A (This is a dynamic column. I don't know its height).</td>
  <td>B</td>
  <td rowspan=2>D</td>
  <td>E</td>
</tr>
<tr>
  <td>C</td>
  <td>F</td>
</tr>
</table>

セル A の高さが 200px の場合、Firefox 19.0 ブラウザーで表示すると、セル B、C、E、F は 100px の高さに均等に分散されます。ただし、Google Chrome 25.0 では同じテーブルが表示され、セル B と E の高さがコンテンツを格納するのにちょうど十分で、セル C と F が残りのスペースを占有します。

JsFiddle のデモ

私の質問は、CSS でセルの高さを指定せずにこれらのセルの高さを均等に分散するにはどうすればよいですか? 編集:私の目的は、セル A の高さが変化したときに、内部セルを均等に分散させることです。

4

2 に答える 2

0

これと同じ問題があります。IE8 と FF23 での私のデータ テーブルの外観は次のとおりです。

IE8 & FF23

Chrome & Opera12

答えは、私が試した限りではできないということです。これは、基盤となるブラウザが標準をどのように扱うかです。IE と FF は右側のセルを均等に分割しますが、Chrome と Opera は下のセルを拡張して高さを埋めます。あなたができる最善のことは、少なくともすべてのデータが一緒になるように、一番下の行を一番上に垂直に揃えることです.

于 2013-08-09T14:19:45.970 に答える