图片底部居中对齐的一种方式

在做一个网上商城项目时，客户希望商品列表的图片应当靠近底部对齐，即水平居中，底部对齐。因为每一个商品列表除了图片，还会有文字描述、加入购物车等，在不知道有什么更简单的方法的情况下，我多番尝试后用了一种比较复杂的方式

div1{height:100px;width:100px;position:relative;border:1px solid #dddddd}
div2{position:absolute;text-align:center;bottom:0;left:0;width:100px;}
img{max-width:100px;}

由于时间过的有点长了，2016年9月的项目在2017年2月下旬的时候才在笔记上翻出来记录到博客。给一张示意图吧

转载于:https://www.cnblogs.com/syll/p/6438063.html