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

Question

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

Answer 1

一张桌子可能有用，但你不会喜欢它。那么JS可能会有所帮助。执行此操作的“正常”方式需要使用min-height & min-widthin <li>，然后使用 2 个 div。第一个position: absolute;1px*1px top:50%;left:50%;，第二个相对 div left:-Xpx; top:-Ypx; width:2*X; height:2*Y;（<- 那将是静态的），然后将任何你想要的东西放在里面。