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

您可能需要调整宽度。只有在您开发时，边框才会用作指南。

<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>

样式为默认的脚手架

1 个答案: