垂直对齐列表项中的div元素

Question

我有一个像this这样的布局 如果我没有列表项目或图像的固定高度，并且同时确保图像不会相互重叠，我如何将每个div.product_image与<li>项目的垂直中间对齐？

Answer 1

表可能有用，但您不会喜欢它。然后JS可以提供​​帮助。执行此操作的“正常”方式需要在min-height & min-width中使用<li>，然后使用2个div。第1 position: absolute; 1px * 1px top:50%;left:50%;，第2个相对div left:-Xpx; top:-Ypx; width:2*X; height:2*Y;（＆lt; - 这将是静态的），然后只需放置任何你想要的内容。