IMGタグがCSSテーブルセルの最初の部分にあるとき、他のセルの奇妙な上端余白

Question

プログラミング時にこのバグに何度か気づいたことがあります。 display：tableプロパティを使用してCSSテーブルを作成すると、セルの1つに最初の要素としてIMGが含まれている場合、隣接するセルのテキストがその画像の高さより下に始まります。イメージタグの前にテキストを置くと、次のセルのテキストが正常に表示されます。

IMGの表示プロパティがブロックの場合、次のセルのテキストがイメージの下から始まりますが、IMGがdisplay：inlineに設定されている場合は、隣のテキストがベースラインを揃えます画像のベースラインと比較します。

理想的には、すべてのコンテンツが各セルの先頭から始まり、ときどき画像付きの列を開始したいと考えています。

Answer 1

私はディスプレイを使用してCSSのテーブルを作成：表のプロパティ

デフォルトvertical-alignは（私はあなたが使用していると仮定）divのためbaselineであるため、この問題を抱えています。

これを修正するには、display: table-cellのものにvertical-align: topと指定するだけです。