カルーセル/スライドショー左右コントロール

Question

私は私のdjangoのスライドショーを持っています。私は中央に垂直に左側に ".prev-btn"を置き、右側に垂直に ".next-btn"を中央に配置しようとしています。私はposition:absolute, right: 10px;を試しましたが、これはボタンに何の影響も与えません。あなたが私を助けることができるなら、私は考えています。 .prev-btnと.next-btnが正しい位置にない場合の画像表示を以下に示します。 https://jsfiddle.net/jozv4o29/3/ 助けてください！

Answer 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; 
} 

Answer 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/

下記参照矢印を配置する必要があります