如何让一张响应式图片在div里始终居中？

Question

Answer 1

用flex布局或者用万能的定位

.img{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

Answer 2

text-align:center;

Answer 3

bootstrap 里面有个辅助类 你给 img 添加 center-block class就行。Bootstrap Center content blocks

之前写的一个差不多的

<div class="col-xs-12">
    <img class="img-responsive center-block" src="images mads="" dsp5.png" alt="数据"  title="数据">
    <h2 class="title ads">数据<br>实时反馈
    <p class="ads-p">实时反馈小时、每日用户量统计、点击数安装数等精确数据形成效果报告<p></p>
</p class="ads-p"></h2 class="title ads"></img class="img-responsive center-block" src="images></div class="col-xs-12">