html - 画像はテーブルセルを拡大します

Question

600x90の画像があり、正確に600x90のサイズのテーブルセルが必要です。

しかし、私はoverflow：hiddenとネット上の他の解決策を試しましたが、それでも2、3枚の写真のテーブルセルを拡張します。

これまでに得られた最高のものは600x93ですが、下部に3つの空のピクセルが残っているため、非常に扱いにくいように見えます。

誰かが解決策を見つけるのを手伝ってくれますか？

Answer 1

画像はデフォルトで

display:inline

ほとんどのブラウザでは、高さに 3 ～ 5 ピクセルが追加されます。

次のように画像の css を設定してみてください。

table.myTable td.withImage img { display:block; }

そして、それが機能するかどうかを確認してください。

Answer 2

これは、デフォルトの画像表示タイプがインラインである一部のブラウザで発生し、架空の線の上に位置しているのを見てきました。画像クラスに display:block を追加してみてください。

これで問題が解決しない場合は、ブラウザ間の問題なのか、単に FF/IE などの問題なのかをお知らせください。例も役立ちます。