将轮播按钮对准div容器的左侧和右侧

Question

如上图所示，我使用了两个按钮left和right按钮来滚动图像。我要使左右按钮对齐，如下图所示。这是堆积如山的link。预先感谢！

Answer 1

您必须进行一些更改，如下所示：

scss

1. 制作.slider-container的{​​{1}}。
2. 添加一个类别为position: relative的子div，并添加一些填充以容纳左侧/右侧的按钮。
3. 将slides-container的{​​{1}}与.controls一起使用，以使其始终位于position: absolute的垂直中间（为使其绝对定位，我们将{{1 }}相对定位。因为绝对定位的元素是相对于其最接近的祖先（如果有）定位的；否则，它是相对于初始包含块top: 50%定位的，因此它的宽度为{ {1}}和.slider-container，以便两个按钮都向左和向右对齐。

.slider-container

html

1. 在width: 100%中包裹.slider-container

justify-content: space-between

我在stackblitz创建了一个示例。