在 react-alice-carousel 项目之间添加空间？

Question

我试图用这个模块创建一个轮播，我的轮播需要 autoWidth 属性。问题是我的物品相互粘在一起，它们之间需要一些间隙，但没有这样的属性。我试图更改模块本身的类边距属性，但没有成功。我怎样才能解决这个问题？

const LatestHotels = () => {
  const items = [
    <CardPrimary
      title="Premium Hotel Plaza"
      description="Sed interdum metus at nisi tempor laoreet. Integer gravida orci
                a justo sodales."
      location="27th Brooklyn New York, USA"
      rating="4.1"
      price={105}
    />,
    <CardPrimary
      title="Premium Hotel Plaza"
      description="Sed interdum metus at nisi tempor laoreet. Integer gravida orci
                a justo sodales."
      location="27th Brooklyn New York, USA"
      rating="4.1"
      price={105}
    />,
   // truncated for simplicity
  ];

  return (
    <div className={LatestHotelsStyles.mainContainer}>
      <Header
        title="Popular Destination"
        subTitle="Explore some of the best tips from around the city from our partners and friends."
      />
      <AliceCarousel
        infinite
        mouseTracking
        items={items}
        autoPlay
        autoWidth
        disableDotsControls
        autoPlayInterval={4000}
        renderNextButton={() => {
          return (
            <div className={LatestHotelsStyles.carouselNextBtn}>{">"}</div>
          );
        }}
        renderPrevButton={() => {
          return (
            <div className={LatestHotelsStyles.carouselPrevBtn}>{"<"}</div>
          );
        }}
      />
    </div>
  );
};

结果：

我期望的是：

Answer 1

我有同样的问题，你解决了吗？