如何在反应响应轮播中定位轮播状态？

【问题标题】：How to position carousel-status in react-responsive-carousel?如何在反应响应轮播中定位轮播状态？
【发布时间】：2021-09-20 14:13:44
【问题描述】：

我正在尝试将状态指示器移到右下角，但找不到方法。

我在其中添加了 statusFormatter 和自定义组件，但问题是 react-responsive-carousel 呈现

元素，因此我无法从子跨度应用边距和填充。

有没有办法将状态指示器定位在右下角？

【问题讨论】：

【解决方案1】：

这是修改它的sn-p，你需要做的就是改变分配给状态<p>标签的.carousel .carousel-status类的css：

.carousel .carousel-status {
  bottom: 0;
  left: 0;
  right: 30px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

您可以根据需要编辑此 sn-p。

【讨论】：