0

いくつかのデータを表示するテーブルがあり、テーブル セルの高さを固定する必要があります。

cssで試してみまし.tdheight { height: 40px;}たがうまくいきません。(Firefox では動作しますが、Chrome では動作しません)

____________________________
|        |__________________|
|        |                  |
|        |                  |
|        |                  |
|        |__________________|
|        | here's problem   |
|________|__________________|

jsfiddleを参照してください。

すべてのブラウザで動作するようにこれを修正するにはどうすればよいですか?

4

1 に答える 1

0

メッセージ (「lorem ipsum」セル) をコンテナーにラップし、最小の高さを指定します。これにより、最後の行のセルの実際の高さが保存されます。

http://jsfiddle.net/zu4Aq/2/を参照

最初の行のセルで使用rowspan="3"して、テーブル本体に少なくともこの高さを強制しています。

tdheight クラスを次のように変更します

.tdheight {
  vertical-align: bottom;
}

これにより、テーブルの高さに関係なく、最後の行のセルが一番下に固定されます。

于 2013-04-27T15:48:32.290 に答える