css - 垂直居中 img 响应式

Question

是否有任何方法可以在不知道高度和宽度且不使用 display: table 或 position: absolute/relative 的情况下将响应式 img 垂直居中？

具体问题是我正在使用引导轮播，我想在不同的分辨率下将 img 响应居中。所以我不能使用 position 属性，因为 carousel 有这个属性，而 bootstrap 使用 display: table，所以我不能使用这个。

我不知道图像的尺寸，因为有用 PHP 添加的 dinamycally

我尝试放置一个具有固定高度属性的 div 容器，这在大屏幕上效果很好，但在较小的分辨率下效果不佳，因为 img 非常高。

我该怎么办？

Answer 1

尝试将以下内容添加到图像的 CSS 中:

margin-right:auto;
margin-left:auto;
display:block;
position:relative;