Asp.net mvc 3 NET MVC编辑器模板；显示列的定位

我正在ASP.net MVC项目中使用编辑器模板。编辑器模板由隐藏字段、复选框、标签和文本框组成

以下是编辑器模板：

@model Models.Domain.myObject

<p>
    @Html.HiddenFor(x => x.Id) 

    @Html.DisplayFor(x => x.Name)

    @Html.CheckBoxFor(x => x.Selected)
    @Html.TextBoxFor(x => x.DefaultCount, new { disabled = "disabled"})

</p>

@Html.EditorFor(model => model.myObject)

有时我可能有3个对象，有时我有10个。MVC在为我设置所有这些方面做得很好，只有一个例外

我希望所有名称都彼此右对齐，并且出于外观目的，我希望复选框彼此左对齐

我该怎么做

现在我得到的是这样的东西：

displaydisplay   checkbox textbox
display  checkbox textbox
displaydisplaydisplay checkbox text box 

我想得到的是，希望您能看到对齐：

       displaydisplay   checkbox textbox
              display   checkbox textbox
displaydisplaydisplay   checkbox textbox 

---

这个解决方案是基于html/css的。 您可以使用div或table

使用表格选项的示例：

观母

查看孩子

注意：正如我所说的，您可以使用div来完成相同的视觉效果，并且可以添加css类以获得更清晰的代码

<table>
        @Html.EditorFor(model => model.myObject)
</table>

<tr>
    <td style="width: 200px; text-align: right;">
        @Html.HiddenFor(x => x.Id)
        @Html.DisplayFor(x => x.Name)
    </td>
    <td>
        @Html.CheckBoxFor(x => x.Selected)
        @Html.TextBoxFor(x => x.DefaultCount, new { disabled = "disabled"})
    </td>
</tr>