asp.net - 添加文本时防止多行文本框拉伸

Question

下面是我的HTML：

<table width="100%" >
  <tr>
    <td>
      <asp:TextBox ID="tbNewNote" TextMode="MultiLine" runat="server" CssClass="width:100% "/>
    </td>                                
  </tr>
</table>

当textbox填充文本时，它会扩大到超出屏幕边缘。

我怎样才能摆脱这种行为？

提前致谢。

Answer 1

<asp:TextBox runat="server" TextMode="MultiLine" Rows="5" Columns="20" style="resize:none;" ></asp:TextBox>

Answer 2

在您的 css 中创建以下类并在要修复其宽度的文本框中使用它：

.CSSclass{

resize:none;
}

如果您希望所有带有多行文本模式的文本框都相同，您可以在您的 css 中编写以下内容：

.textarea{
resize:none;
}

Answer 3

对您的代码进行以下更改，删除 CssClass="width:100%"，您在此处提供类而不是 css 属性。其次，我为您的 TextBox 添加了固定宽度，现在它不会扩展。

 <table width="100%" >
      <tr>
       <td>
        <asp:TextBox ID="tbNewNote" TextMode="MultiLine" runat="server" Width="200px"/>
       </td>                                
      </tr>
    </table>