固定大小实现轮播

Question

我试图增加轮播的尺寸，但是图像从底部开始被切割，并且从上方获得了额外的空白空间。

那么，如何才能将图像抬高一点，或者只是从上方切出空白区域？ （使用CSS）

代码如下：

const $ = window.$;
$(document).ready(function(){
        $('.carousel').carousel({
            numVisible: 5,
            dist: -100,
            padding: -100,
            indicators: true
        });
      });

<div class="carousel">
<a class="carousel-item" href="#one!"><img src="img/1.jpg" /></a>
<a class="carousel-item" href="#one!"><img src="img/2.jpg" /></a>
<a class="carousel-item" href="#one!"><img src="img/1.jpg" /></a>
<a class="carousel-item" href="#one!"><img src="img/1.jpg" /></a>
<a class="carousel-item" href="#one!"><img src="img/1.jpg" /></a>
</div>

这就是我做大的方法：

.carousel .carousel-item {
width:500px !important;
}