如何在反应多轮播中居中图像？

Question

我是新手，尝试使用 react-multi-carousel 构建品牌轮播。 图像显示正确，但我想使图像居中。 试图写 css 它不适用于轮播。 这是如何实现的，或者我必须使用任何其他轮播？ `

<Grid item xs={12}>
 <Carousel
   responsive={responsive}
   infinite={true}
   arrows={true}>
       <Image src={abt.logo_carousel.url}responsive/>
       <Image src={abt.logo_carousel1.url}responsive/>
       <Image src={abt.logo_carousel2.url}responsive/>
       <Image src={abt.logo_carousel3.url}responsive/>
 </Carousel>
</Grid>`

Answer 1

在你的标签中写风格。像这样

<img src="..." style={{width:300,marginLeft:"auto",marginRight:"auto"}} />

Answer 2

我有点晚了，但希望这可以帮助某人，它在这里工作。

<img src={source} style={{marginLeft: "auto", marginRight: "auto", display: "flex", justifyContent: "center"}}/>