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

Question

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

Answer 1

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