javascript - 如何在不更改设置的情况下在 glidejs 中居中项目

Question

如下图所示，总项目槽位是 7，但源是动态的，有时是 3 或 4 .. 如何使用 glidejs 正确居中这些项目

源代码预览：

<Slider element="glide" options={{ perView: 7 }}>
    {Object.entries(subSliderItems)
    .map(([key, value]) => (
        <div className="glide__slide" key={key}>
        <BoxSubCategory label={key} url={value} />
        </div>
    ))}
</Slider>