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

Question

Answer 1

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>实时反馈</h2>
    <p class="ads-p">实时反馈小时、每日用户量统计、点击数安装数等精确数据形成效果报告</p>
</div>

Answer 2

text-align:center;

Answer 3

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

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