寬度不適用於文本區域MVC

textarea控件的寬度未設置。它爲其他控件設置。有人能告訴我爲什麼心不是寬度申請文本區域寬度不適用於文本區域MVC

例如

設置邊框固體用於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>

來源

2017-04-07 Tom

在html中textareas你不需要的寬度，但列設置它的寬度... – Kathara

如果我刪除寬度，我沒有看到任何區別 – Tom

textarea而不是「style ='width：100％ ;'「將需要屬性」columns = 100「，就像您用於行一樣。問題是找到你需要的寬度... – Kathara

real寬度是textarea的寬度。 col-md-6將使它廣泛。問題是你正在應用邊框的容器並不實際限制textarea。如果我正確理解你正在將邊框應用於col-md-6類的div，那很可能是你的問題。 Boostrap使用各種寬度，邊距和填充設置來構建儘可能接近跨瀏覽器的網格，並將實際可見樣式應用於它們的網格類幾乎總是會導致這樣的怪異現象。相反，包裝你的textarea與另一個DIV和邊境適用於：

<div class="col-md-6"> 
    <div class="my-awesome-border"> 
     @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>

長與短，你應該總是避免增加額外的風格與引導的網格類（*同事，行等）的任何東西。

來源

2017-04-07 14:23:25

寬度不適用於文本區域MVC

回答

相關問題