スタイリングimage_tagと滑らかなカルーセル？

Question

私はフルスクリーンカルーセルを作成しようとしていますが、私の写真のすべては、私が置いた場合でも、「揃える：センター」画面の左上隅に表示され、ここで

は私のhtmlです...

<div class="scroller"> 
 
    <div> <%= image_tag("tokyo.jpg", options = {align: "center", height: "500px"}) %> </div> 
 
    <div><%= image_tag("dolphin.jpg", :style => "align: center;") %></div> 
 
    <div><%= image_tag("heart.jpg", :style => "height: 635px;") %></div> 
 
</div>

私はそれが動作しない理由を私はよく分からない、だけでなくスタイルシートからそれをスタイリング試してみました...これは、それがどのように見えるかです。何らかの理由で左の矢印が写真のいずれかに表示され、右の矢印がすべての写真に表示されます。

Answer 1

<div class="scroller"> 
 
    <div> <%= image_tag("tokyo.jpg", options = {align: "center", height: "100%"}) %> </div> 
 
    <div><%= image_tag("dolphin.jpg", :style => "align: center;") %></div> 
 
    <div><%= image_tag("heart.jpg", :style => "height: 635px;") %></div> 
 
</div>