轮播/幻灯片左右控制答案

【问题标题】：Carousel/slideshow left and right control轮播/幻灯片左右控制
【发布时间】：2017-06-01 14:14:16
【问题描述】：

我的 django 有幻灯片放映。我试图将“.prev-btn”垂直放在中间的左侧，将“.next-btn”垂直放在中间的右侧。我试过position:absolute, right: 10px;但这不会对按钮产生任何影响。所以我在想，如果你能帮助我。这是 .prev-btn 和 .next-btn 不在正确位置的工作图像显示： https://jsfiddle.net/jozv4o29/3/ 感谢您的帮助！

【问题讨论】：

标签： html css twitter-bootstrap carousel

【解决方案1】：

我刚刚添加了以下代码，它工作正常。您绝对可以将按钮定位为上一个和下一个导航。然后将其转换为 50%。只是为了确保它正好在中心。

JSFIDDLE

.prev-btn, .next-btn {
    font-size: 40px;
    color: white;
    position: absolute;
    top: 50%;
    translate: transformY(-50%)
}
.prev-btn {
  left: 0;
}
.next-btn {
  right: 0;
}

【讨论】：

【解决方案2】：

您只需要相应地定位箭头，请参见下面的代码

.prev-btn, .next-btn {
    font-size: 40px;
    color: white;
    position: absolute;
    top: 45%;
}
.prev-btn {
    left: 0;
}

.next-btn {
    right: 0;
}

https://jsfiddle.net/jozv4o29/4/

【讨论】：