css - 表示: 画像が使用されている場合のテーブル セルの配置の問題

Question

ああ、これは私を怒らせています。2 つのテーブルセルを含むテーブル行が 1 つあります。両方のセルにテキストのみが含まれている場合は問題なく動作しますが、一方の「セル」に画像を配置すると、もう一方のセルがベースラインに合わせてジャンプします...それらが異なる div にある場合でも。

ここでjsfiddle

半分！

Answer 1

縦位置合わせを指定..

.table-cell { 
    display: table-cell;
    vertical-align:top;
    }
​

Answer 2

しかし、デフォルトでは、画像もベースラインによって整列されます! テーブルセルスタイルdisplay: table-cell;に（または他のものを）使用するだけです。