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