html - cssインラインブロックとテーブルセル

Question

inline-block と table-cell の違いは何ですか?

この 2 つのスタイルは同じであることがわかりました。あなたのスタイルは何でも。text-align: center; vertical-align: middle;などを識別するdisplay: inline-block;かdisplay: table-cell;、同じように機能します。

主な違いをお知らせください。

Answer 1

display:table-celldisplay:table-rowは、の内部で使用することを目的としていますdisplay:table。不適切に使用すると、匿名要素が作成され、レイアウトの他の側面に悪影響を与える可能性があります。

そうは言っvertical-alignても、両方で非常に異なる意味を持っています。ではdisplay:inline-block、要素自体が周囲の要素とどのように整列するかを指します。一方、 ではdisplay:table-cell、その中の要素の垂直方向の配置に影響します。