将产品图像与底部垂直对齐
将产品图像与底部垂直对齐
提问于 2015-11-03 12:47:17
我试图将产品图像与底部对齐，以保持价格对齐。所以基本上这就是它现在的样子：
这就是我想要的样子：
我尝试过使用vertical-align: bottom;，但没有成功。
我正在使用Woocommerce，但我在任何地方都找不到。
这是该网站的链接：here
致以亲切的问候！
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-11-03 13:23:15
尝试表格布局。
.featured-product-tabs .tab-content ul.products {
padding: 0;
display: table;
}
ul.products li.product.product-home {
text-align: left;
display: table-cell;
vertical-align: bottom;
float: none;
}Stack Overflow用户
发布于 2015-11-03 14:04:50
只需将图像包装在容器中并使用css div：
position:relative;
height:100px; you can change the height value here;和css该图像：
position: relative|absolute|fixed; choose one from this three;
bottom: 0;例如，此图像将始终位于div的底部。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33491552
复制相关文章
相似问题