造型image_tag和光滑的旋转木马？

Question

我试图创建一个全屏旋转木马，但我的所有图片都显示在屏幕的左上角，即使我放了＆＃34; align：center＆＃34;

这是我的HTML ...

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我也试过从样式表中设计样式，我不确定它为什么不起作用......这就是它的样子。也出于某种原因，左箭头出现在任何一张图片上，而右边的那张出现在所有图片上。

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>