将主滑块图像对准中心

Question

我正在做一个小项目，有一个小问题，我不知道该如何解决。我有一个包含很多图像的图像库，但是我希望活动图像居中，而不更改分辨率或宽度/高度比。链接到问题here。登录名是user / password。我尝试使用此CSS进行操作：

.img {
    margin-left: 200px;
}

但是，它似乎破坏了底部滑块。如何在不更改图像比例的情况下使主图像居中？此示例图像显示了我想要做什么。

Answer 1

尝试

.imgs {
    margin-left: auto;
    margin-right auto;
}

或者您可以这样做

<div class="imgs" align="center">
<img src="https://source.unsplash.com/random/200x200" />
</div>

Answer 2

尝试添加：

.flex-active-slide {
  text-align: center;
}