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;
}

如果您希望所有带有textmode多行的文本框都相同，您可以在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>

添加文本时阻止多行文本框拉伸

3 个答案: