Question

我正在使用C＃开发MVC项目。现在，我正在尝试稍微调整我的观点，我想让文本框更大。

我按照此问题中的建议从单行移动到多行文本字段： Changing the size of Html.TextBox

现在我正在尝试调整多行字段的大小，但我不知道在哪里或如何这样做。

以下是我的编辑视图

中的代码段

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

从我的模特：

[DataType(DataType.MultilineText)]  
[DisplayName("Body:")]  
public string Body { get; set; }

Answer 1

我会用CSS做到这一点：

<div class="editor-multiline-field">
     @Html.EditorFor(model => model.Body)
     @Html.ValidationMessageFor(model => model.Body)
</div>

然后在CSS文件中将宽度和高度定义为所需的值：

.editor-multiline-field textarea {
    width: 300px;
    height: 200px;
}

Answer 2

您也可以使用@ Html.TextArea ou TextAreaFor

@Html.TextAreaFor(model => model.Text, new { cols = 25, @rows = 5 })

Answer 3

在MVC 5中，您可以使用

    @Html.TextAreaFor(model => model.body, 5, 50,  new { @class = "form-control" } )

很好用！

Answer 4

如果您使用的是mvc和bootstrap 试试这个：

@Html.TextAreaFor(model => model.Property, new { @class = "form-control", @rows = 5 })

Answer 5

要遵守先前创建的视图样式，您还可以执行以下操作：

<div class="col-md-10 editor-multiline-field">

Answer 6

试

@ Html.TextAreaFor（model =＆gt; model.Descricao，5,50，null）

在View Page

中

Answer 7

我只想分享mvc 5

  @Html.EditorFor(model => model.Body, 
                  new {htmlAttributes = new {@style="width:yourdesiredwidth;"}
                   })

或使用自定义类

如何更改多行编辑器字段的大小？

7 个答案: