樣式默認腳手架

Question

如何風格（CSS）的默認腳手架有標籤，並在同一行的編輯器（標籤列有一個固定的寬度）

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

Answer 1

您可能需要tweek寬度。只有在開發過程中，邊框才被用作指南。

<style type="text/css"> 

.editor-label { 
    float: left; 
    border: 1px solid red; 
    width: 200px; 
    margin-bottom: 4px; 
    } 

.editor-field { 
    float: left; 
    width: 400px; 
    border: 1px solid green; 
    } 

.editor-label:before { 
    clear: left; 
    } 

</style>