ruby-on-rails - Rails 中 datetime_select 的样式

Question

我们在 Rails 中使用 datetime_select，但我真的很难处理它的样式。

出于几个原因，我想在新行上显示小时和分钟，而不是与日期/月/年内联。

HTML(移除选项元素以简化此处的外观):

<div> 
  <select id="trade_date_3i" name="trade[date(3i)]"> 
    <option selected="selected" value="11">11</option> 
  </select> 
  <select id="trade_date_2i" name="trade[date(2i)]"> 
    <option selected="selected" value="4">April</option> 
  </select> 
  <select id="trade_date_1i" name="trade[date(1i)]"> 
    <option selected="selected" value="2011">2011</option> 
  </select> 
  <select id="trade_date_4i" name="trade[date(4i)]"> 
    <option selected="selected" value="04">04</option> 
  <select id="trade_date_5i" name="trade[date(5i)]"> 
    <option selected="selected" value="40">40</option> 
  </select> 
</div> 

以下是它呈现默认值的方式:
http://www.outside.dk/b.png

所有的选择元素都有唯一的 ID，所以我在小时和分钟框上使用了 CSS 显示属性，但就是无法让它们显示在同一行上。

这是我设置“display: block;”后的渲染方式在小时框 (#trade_date_4i):
http://www.outside.dk/c.png

这是我希望它呈现的方式:
http://www.outside.dk/a.png

有人可以帮忙吗？

Answer 1

可以给父div设置宽度，等于前三个元素的宽度，然后将div中的元素右对齐。