宽度不适用于文本区域MVC

Question

textarea控件的宽度设置不正确。它为其他控件设置。有人可以告诉我为什么宽度不适用于文本区域

例如

为col-md-6设置边框为实体

 <div class="form-group">
                @Html.LabelFor(model => model.ProjectName, htmlAttributes: new { @class = "control-label col-md-5" })
                <div class="col-md-6">
                    @Html.EditorFor(model => model.ProjectName, new { htmlAttributes = new { @class = "form-control", style = "width:100%" } })
                    @Html.ValidationMessageFor(model => model.ProjectName, "", new { @class = "text-danger" })
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="form-group">
                @Html.LabelFor(model => model.ProjectSummary, htmlAttributes: new { @class = "control-label col-md-5" })
                <div class="col-md-6">
                    @Html.TextAreaFor(model => model.ProjectSummary, new { htmlAttributes = new { @class = "form-control", rows = "3", style = "max-width:100%" } })
                    @Html.ValidationMessageFor(model => model.ProjectSummary, "", new { @class = "text-danger" })
                </div>
            </div>

Answer 1

real 宽度是textarea的宽度。 <?php $to = 'youremail@xxxx.com'; $subject = 'Test Email Email'; $message = 'Hello'; $headers = 'From: test@test.com' . "\r\n" . 'Reply-To: test@test.com' . "\r\n" . 'X-Mailer: PHP/' . phpversion(); echo print_r(mail($to, $subject, $message, $headers),true); ?> 会使它变宽。问题是您正在应用边框的容器实际上并不限制textarea。如果我理解您正在使用col-md-6类将边框应用于div，那很可能是您的问题。 Boostrap采用各种宽度，边距和填充设置的网格类构建一个尽可能接近浏览器的网格，并将实际可见的样式应用于它们几乎总会导致像这样的怪异。相反，用另一个div包装textarea并将边框应用于：

col-md-6

长和短，你应该总是避免使用Bootstrap的网格类（col- *，row等）添加额外的样式。