html - リスト項目内の div 要素の垂直方向の配置

Question

このようなレイアウトがあります。リストアイテムまたは画像の高さが固定されておらず、同時に画像が互いに重ならないようにするには、どうすればアイテムの垂直方向の中央
に揃えることができますか?div.product_image<li>

Answer 1

テーブルは機能するかもしれませんが、気に入らないでしょう。それならJSが役に立ちます。min-height & min-widthそれを行う「通常の」方法では、 in を使用し<li>、次に 2 つの div を使用する必要があります。1つ目はposition: absolute;1px*1px top:50%;left:50%;、2 つ目は相対 div left:-Xpx; top:-Ypx; width:2*X; height:2*Y;(<- 静的) であり、必要なものを内部に配置します。