小编Dav*_*ard的帖子

我试图找到一种方法,在我的视口内为旋转木马垂直居中.目前图像工作正常,它将图像的大小调整为宽度上视口的大小.但我想使用图像的中心并裁剪照片的顶部和底部.

这是HTML:

<div class="carousel slide hero">
   <div class="carousel-inner">
       <div class="active item">
            <img src="img/hero/1.jpg" />
       </div>
       <div class="item">
           <img src="img/hero/2.jpg" />
       </div>
       <div class="item">
           <img src="img/hero/3.jpg" />
       </div>
    </div>
    <a class="carousel-control left" href=".hero" data-slide="prev">&lsaquo;</a>
    <a class="carousel-control right" href=".hero" data-slide="next">&rsaquo;</a>
</div><!-- hero -->

和一点点的CSS:

.carousel-inner {
    height: 320px;
    overflow: hidden;
}

任何帮助是极大的赞赏.我想要它,如果他们上传任何尺寸的照片,它可以被认为是可用的.