CSS居中-------

Question

第二个块我也设置了宽度，为什么不会居中呢？但如果将其中的<img>换成<div>，效果和第一个块就一样了。如果想要将这个图片居中设置，有什么让标签尽量少、样式尽可能简单的办法呢？<div class="container">     <div class="col-md-6">          </div>          <div class="col-md-6">         <img src="i.jpg" style="margin:0px auto">     </div> </div> 在这个里面，图片也是不会居中的，这里要怎么设置？

Answer 1

设置img{display:block;width:300px;height:200px;margin:0 auto;}就可以达到居中的效果。把img变为块元素即可

Answer 2

img{
    position:absolute;
    top:200px;
    left : calc(50% - 75px);
}

Answer 3

img是内联元素，display默认是inline，你得定义display:block;才可以。将img替换成div就可以是因为div是块级元素。