在中心设置可调整大小的图像组

Question

我使用下面的代码制作四个可调整大小的图像，但我不知道如何在页面中心设置它们。 请帮我。

$('.owl-carousel').owlCarousel({
stagePadding: 10,
loop:true,
margin:0,
nav:true,
responsive:{
    0:{
        items:1
    },
    600:{
        items:3
    },
    1000:{
        items:1
    },

    1200:{
      items:1
    }
}
})

先谢谢。

Answer 1

使用此

.center
{
    text-align: center;
}

<div class="center">
        <img src="...." style=" max-width: 25%; height: 100%; width: auto; ">
        <img src="...." style=" max-width: 25%; height: 100%; width: auto; ">
        <img src="...." style=" max-width: 25%; height: 100%; width: auto; ">
        <img src="...." style=" max-width: 25%; height: 100%; width: auto; ">
</div>