html - 如何在 div 中水平居中对齐图像？

Question

我有下面的 HTML 代码:

<div class="col-sm-12 col-md-12">
  <div class="answer-picture col-xs-12" id="bookListDiv">
    <div id="loadme" style="display:block; margin:0 auto">
      <img src="~/images/loader.gif" />
    </div>
  </div>
</div>

我试过了 this还有更多，但无法将其对齐到中心。

Answer 1

将样式 text-align:center 应用到 div 为:

  <div class="col-sm-12 col-md-12">
     <div class="answer-picture col-xs-12" id="bookListDiv">
           <div id="loadme" style="display:block; margin:0 auto;text-align:center">
                <img src="~/images/loader.gif"/>
          </div>
      </div>
  </div>