css - Bootstrap 将图像置于 div 中心但不调整大小

Question

我需要将图像放在 div 中。我知道有 img-responsive center-block 类，但它们出于某种原因调整了给定图像的大小。有没有一种方法可以实现相同的目标但没有尺寸扭曲。

注意:包含的 div 是具有给定类的 Bootstrap 列:hidden-xs col-lg-9 col-md-6 col-sm-6。

谢谢

Answer 1

CSS 是我的 friend

你能试试这个 CSS 类吗

HTML

 <img class="centerd-image" src="">

 or

 <div class="centerd-image">
      <img src="">
 </div>

CSS

.centerd-image {
     margin: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}