我试图创建一个轮播与此模块，我需要自动宽度属性为我的轮播。问题是我的项目是坚持彼此之间，他们需要一些间隙，但没有这样的属性。我试图改变类的边距属性的模块本身，但没有运气。我该如何解决这个问题？

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

结果：

我期望成为的人