如何解决锚内部的垂直对齐图像
| 我有两列的<ul>
码:
<li class=\"clearfix\">
<div class=\"product-copy\">
Product Content Here
</div>
<a href=\"\">
\"PRODUCT IMAGE HERE\"
</a>
</li>
.product-copy
扩展为高度内容,宽度固定。
我希望能够将锚点内的图像垂直对齐到中心。因此,无论ѭ2的高度有多大,右栏中的图像始终会居中。
请注意,我仍然是新用户,因此无法在锚点中键入正确的图像html,但是锚点中有html图像。
有任何想法吗?
谢谢
解决方法
您可以尝试一些CSS,例如
.product_img { position:absolute; top:0; bottom:0; }
这是从内存中,您可能需要删除position:absolute;从课堂上。
只需将类添加到img标签,这将使您的图像垂直对齐到div的中间。
<img srv=\"my_image.png\" class=\"product_image\" />
我希望这有帮助 :)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。