MVC和EditorFor宽度

Question

我可以在我的视图上设置EditorFor控件的宽度吗？

我设置了几个参数：

[Required, DisplayName("Payee Name"), StringLength(50)]
public string Name { get; set; }

但是，我似乎不能设置呈现的文本框的宽度。

<table width="300" border="0" cellpadding="3" cellspacing="0">
    <tr>
        <td>
            <%=Html.LabelFor(m => m.Name)%>
        </td>
        <td>
            <%=Html.EditorFor(m => m.Name)%>
        </td>
    </tr>

能以某种方式做到这一点吗？

我试过了：

<%=Html.EditorFor(m => m.Name, new {width=50)%>

但是没有joy..。

Answer 1

使用TextBoxFor而不是EditorFor：

<%=Html.TextBoxFor(m => m.Name, new {style = "width:50px"})%>

Answer 2

使用CSS设置控件宽度的样式有什么问题？

Answer 3

在MVC5中，site.css中的设置可以为所有的文本区域设置max-width=200。这让我很困惑，直到我找到了这篇博文。正如保罗·利特温所说，http://weblogs.asp.net/paullitwin/visual-studio-2013-asp-net-mvc-5-scaffolded-controls-and-bootstrap：

是的，由于某些原因，微软正在将所有输入、选择和文本区控件的最大宽度设置为280像素。不确定这背后的动机，但除非你改变这一点或通过将表单控件分配给其他CSS类来覆盖这一点，否则你的控件永远不能超过280px。

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

因此，如果你是一个实用主义者，你可以将max-width改为600px