多行TextBox不带滚动条，且TextBox随内容自动增长

最新推荐文章于 2023-01-10 10:48:52 发布

原创最新推荐文章于 2023-01-10 10:48:52 发布 · 6.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#textbox #server #asp #xhtml #html #scroll

css 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了 CSS 中 overflow 属性的使用方法及其取值，包括 auto、visible、hidden 和 scroll 等，并提供了实例说明如何在不同的场景下应用这些设置。此外还探讨了通过 JavaScript 动态调整元素高度的技术。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、overflow,overflow-x,overflow-y取值：auto,visible,hidden,scroll,inherit

2、页面用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
而不能用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

例如：

<asp:TextBox ID="TextBox1" runat="server" Height="200px" TextMode="MultiLine"
Width="300px" style="overflow:visible" ></asp:TextBox>

3、强制使用ie6的解析CSS

将<meta http-equiv="x-ua-compatible" content="ie=6" />
加到<head></head>里

例如：

<asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Width="300px" style="overflow:visible" Height="200"></asp:TextBox>

4、使用js

例如：

<asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine" Width="300px" style="overflow:hidden" Height="200" onpropertychange="if(this.scrollHeight >= this.style.posHeight) this.style.posHeight=this.scrollHeight"></asp:TextBox>

5、如果只是去掉滚动条，不改变高度，则只添加style="overflow:hidden"