0

我有一个 Rails 3.2.8 应用程序，我正在尝试自定义 simple_form_for gem 附带的一些类。

我有一个页面，上面有许多多个选择框，为了明智地使用空间，我希望标签出现在选择框的顶部。

我不知道该怎么做。我的 CSS 经验很少，我正在尝试深入研究。我已经使用float了一些成功，但是当你使用 simple_form_for 时，你最终会得到一堆<div>用于表单元素的嵌套标签。所以我的选择框只浮动到包含<div>标签的最左边。我希望它与标签一致。这是一个渲染示例：

<div id="attribute_value_list" class="attribute_value_list">
  <div class="control-group select required">
    <label class="select required control-label" for="app_attribute1">
      <abbr title="required">*</abbr>
      Vehicle: Make
    </label>
    <div class="controls">
      <select id="app_attribute1" class="select required select_attribute_value" size="10" name="app[attribute1]">
        ...
      </select>
    </div>
  </div>
</div>
4

1 回答 1

1

您将需要应用 position:relative 到包含的 div （选择一个包含标签和控件的），然后 position:absolute 到标签，以及 left 和 top 以将其放置在您想要的任何位置 - 相对于包含 div .

于 2012-09-12T05:27:45.800 回答