将主滑块图像居中对齐

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;
}