Question

我有一个<ul>，有两列

代码：

<li class="clearfix">
<div class="product-copy">
 Product Content Here
</div>
<a href="">
    "PRODUCT IMAGE HERE"
</a>
</li>

.product-copy扩展为内容的高度，宽度是固定的。

我希望能够将锚点内的图像垂直对齐到中心。因此，无论.product-copy的高度有多大，右列中的图像都将始终居中。

请注意我仍然是新用户，因此无法在锚点中键入正确的图像html，但锚点中有一个html图像。

有什么想法吗？

由于

Answer 1

这篇文章可能有所帮助

Answer 2

你可以试试像

这样的CSS

.product_img { position:absolute; top:0; bottom:0; }

这是从内存中，你可能需要删除位置：绝对;从班上来。

只需将类添加到img标记中，这会将图像垂直对齐到div的中间。

<img srv="my_image.png" class="product_image" />

我希望这会有所帮助：）