0

MVC 3で生成された「作成」ページを取得して、すべてのエディターラベル/テキストボックスをフィールドセット内にフロートさせようとしています。

scaaffoldeddivボックスを別のdivでラップしました。

     <div class="editor-float">
        <div class="editor-label">
            @Html.LabelFor(model => model.EntryDate)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.EntryDate)
            @Html.ValidationMessageFor(model => model.EntryDate)
        </div>
    </div>

そして、このCSSコードを追加しました。

.editor-float
{
   margin-right: 5px;
   float: left;
   position: relative;
}

問題は、divのほとんどがうまくフロートすることですが、すべてではありません。

動作の図（Value4はそれ自体で「行」に座っています）：

ここに画像の説明を入力してください

物事をより良く流すために使用できるより良いCSSプロパティはありますか？

4

1 に答える 1

2

欲しいものはclear財産です。clear: left; クラス editor-float を持つ複数の div 要素がある場合は、次のように .editor-float を定義します。

.editor-float 
{ 
    margin-right: 5px; 
    float: left; 
    position: relative; 
    clear: left;
}
于 2012-05-04T18:50:20.980 に答える