我有我的Django幻燈片放映。我試圖在中間垂直放置「.prev-btn」,在右邊垂直放置「.next-btn」。我試過position:absolute, right: 10px;
但這不會對按鈕有任何影響。所以我在想,如果也許你能幫助我。這裏是工作圖像顯示.prev-btn和.next-btn不在正確的位置: https://jsfiddle.net/jozv4o29/3/ 幫助表示讚賞!旋轉木馬/幻燈片左右控制
1
A
回答
0
我剛剛添加了下面的代碼,它工作正常。你可以絕對定位你的按鈕,以便進行上一個和下一個導航。然後將其轉化爲50%。只是爲了確保它正好在中心。
.prev-btn, .next-btn {
font-size: 40px;
color: white;
position: absolute;
top: 50%;
translate: transformY(-50%)
}
.prev-btn {
left: 0;
}
.next-btn {
right: 0;
}
0
你只需要定位箭頭相應看到下面的代碼
.prev-btn, .next-btn {
font-size: 40px;
color: white;
position: absolute;
top: 45%;
}
.prev-btn {
left: 0;
}
.next-btn {
right: 0;
}
相關問題
- 1. 多幻燈片旋轉木馬
- 2. bootstrap旋轉木馬幻燈片控制不響應
- 3. 我可以在幻燈片離子箱右側旋轉木馬?
- 4. 如何使不斷旋轉木馬幻燈片與貓頭鷹旋轉木馬
- 5. 貓頭鷹旋轉木馬幻燈片轉換
- 6. 引導旋轉木馬 - 顯示所有幻燈片
- 7. 旋轉木馬幻燈片不斷搞亂
- 8. 幻燈片/旋轉木馬和背景img
- 9. 滑動旋轉木馬空白幻燈片
- 10. flickr旋轉木馬/幻燈片「英雄」在哪裏?
- 11. 光滑的旋轉木馬第2張幻燈片可見
- 12. 引導旋轉木馬幻燈片按鍵不靈
- 13. JQuery的旋轉木馬幻燈片問題
- 14. Bootstrap旋轉木馬不能回到第一張幻燈片
- 15. 幻燈片執行負荷圖像的jQuery旋轉木馬
- 16. Bootstrap旋轉木馬不顯示幻燈片
- 17. Bootstrap旋轉木馬不識別幻燈片超過10
- 18. element Ui:旋轉木馬 - 如何設置當前幻燈片
- 19. slidesjs幻燈片旋轉木馬上方slides_container空間 - css
- 20. Bootstrap旋轉木馬的第一張幻燈片的問題
- 21. 角Js需要多幻燈片旋轉木馬
- 22. 旋轉木馬中的動態幻燈片中心對齊(BXSlider)
- 23. 如何不重置Bootstrap旋轉木馬幻燈片
- 24. 貓頭鷹旋轉木馬中的錯誤,換行幻燈片
- 25. Bootstrap旋轉木馬 - 如何獲得幻燈片的計數
- 26. 貓頭鷹旋轉木馬中心幻燈片與特定類
- 27. 旋轉木馬類型的jquery幻燈片與數字
- 28. Twitter Bootstrap旋轉木馬:獲取幻燈片的方向
- 29. jQuery圖像幻燈片旋轉木馬時使用ajax
- 30. Bootstrap幻燈片旋轉木馬全屏縮略圖