案例 产品列表 css 上下左右图片居中

css 上下左右图片居中，文字居中，自适应大家改一下就行，比较适合案例 产品等列表用。

 <div style=" width:15%;">
<div  style=" border: 1px solid #ddd; text-align:center;display:flex; height:250px; ">
<a href="#"  style="align-self:center;margin:0 auto;">
<img src="/WebUpload/UpLoadFile/20207241378137.jpg" width="200" height="80px" alt="Mechanical seal for FLYGT pump-2070" class="opacity_img">
</a>
</div>
<div class="product_title" style="text-align:center;"><a href="products_show-715-181-Mechanical_seal_for_FLYGT_pump_2070-Mechanical_seals.html">Mechanical seal for FLYGT pump-2070</a></div>
</div>