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中的元素向右对齐。