Question

我刚开始使用MVC3。我正在使用这样的字段：

<div class="editor-field">
                    @Html.TextBoxFor(model => model.Status.RowKey, new { disabled = "disabled", @readonly = "readonly" })
                </div>

创建此HTML

<div class="editor-field">
                    <input disabled="disabled" id="Status_RowKey" name="Status.RowKey" readonly="readonly" type="text" value="0001" />
            </div>

但是我注意到所有输入字段都具有相同的宽度，大约是160px。有没有办法可以让它们变得更宽，为什么它们会默认这一点。在我的编辑领域课程中

Answer 1

您可以设置尺寸属性：

@Html.TextBoxFor(model => model.Status.RowKey, new { size = 200, disabled = "disabled", @readonly = "readonly" })

可能更合适的是在css中设置输入宽度并给文本框一个类，如：

@Html.TextBoxFor(model => model.Status.RowKey, new { @class = "myClass", disabled = "disabled", @readonly = "readonly" })

<style>
  input.myClass { width = 200px; }
</style>

Answer 2

如果您的字段没有任何样式，则浏览器会将其自己的默认宽度应用于它们。您需要为它们添加样式

添加包含

的外部CSS文件

div.editor-field input { width: 300px; }

或通过内联（不推荐）

@Html.TextBoxFor(model => model.Status.RowKey, new { disabled = "disabled", @readonly = "readonly", style="width:300px" })

Answer 3

您可以使用CSS。

例如：

input#StatusRowKey /* matches only the textfield with id StatusRowKey */
{
   width: 250px;
}
input              /* matches all input types */
{
   width: 200px;
}
input.Normal /* matches all input fields with class="Normal" */
{
   width: 100px;
}

MVC3中输入字段的宽度

3 个答案: