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 をラベルに適用し、左と上に配置して、必要な場所に配置する必要があります - 含む div に対して相対的です。 .

于 2012-09-12T05:27:45.800 に答える