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

Question

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

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

元素，所以我不能从子跨度应用边距和填充。

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

Answer 1

这是修改它的片段，您需要做的就是更改.carousel .carousel-status分配给状态<p>标记的类的 css：

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

您可以编辑此代码段以满足您的需要。