文本框拉伸问题

发布于 2024-07-21 07:41:00 字数 438 浏览 1 评论 0原文

我有以下代码

<table cellpadding="2" cellspacing="2">
  <tr>
    <td>Factory:</td>
    <td>
      <asp:TextBox ID="txtFactory" runat="server" Width="100%"></asp:TextBox>
    </td>
  </tr>
</table>

我的问题是,有时工厂文本框可以容纳 100 个或更多字符的相当长的描述,当发生这种情况时,我的文本框会加宽到屏幕边缘之外,然后导致水平滚动条出现在底部我的浏览器,我真的不想要这样。 我想要的是让我的 TextBox 扩展到浏览器窗口所在的宽度,并且还能够在用户调整浏览器窗口大小时调整大小。

I have the following code

<table cellpadding="2" cellspacing="2">
  <tr>
    <td>Factory:</td>
    <td>
      <asp:TextBox ID="txtFactory" runat="server" Width="100%"></asp:TextBox>
    </td>
  </tr>
</table>

My problem is that sometimes the factory textbox can hold a fairly long description of 100 or more characters, and when this happens my textbox widens beyond the edge of the screen, which then causes a horizontal scrollbar to appear at the bottom of my browser, and I really don't want that. What I want is to have my TextBox extend to the width that the browser window is at, and to also be able to resize when the user resizes their browser window.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

客…行舟 2024-07-28 07:41:00

如果您不反对使用 javascript,jQuery 有一个非常简单的解决方案来解决这个问题。 您可以使用它来初始设置文本框的大小,并将调整大小事件处理程序附加到 body 标记。 在事件处理程序中,只需让文本框的宽度与正文的宽度相匹配即可。

If you are not opposed to using javascript, jQuery has a very simple solution to this problem. You can use it to initially set the size of the textbox, and to attach a resize event handler to the body tag. In the event handler, simply have the textbox match its width to that of the body.

如痴如狂 2024-07-28 07:41:00

Jagd,

检查 Wrap 和 MaxLength 属性。

W3Schools 有一些关于 WebControls 的重要信息。

(http)://www.w3schools.(com)/aspnet/control_textbox.(asp)

---我还不能发布链接,抱歉---

祝你好运,

-罗伯特

Jagd,

Check the Wrap and MaxLength properties.

W3Schools has some great information on WebControls.

(http)://www.w3schools.(com)/aspnet/control_textbox.(asp)

---I can't post links yet, sorry---

Good Luck,

-Robert

万劫不复 2024-07-28 07:41:00

使用 Firebug 检查您的 FF 的 HTML,看看是什么在扩大您的主容器。

如果您的文本太长并且没有空格,浏览器不知道在哪里放置换行符,可以使用 TD 中的 WRAP 属性修改此行为或 TextBox(在浏览器中呈现为 SPAN)。

Check your HTML with FF using the Firebug and see what is widening your main container.

If your text its too long and has no spaces, the browser doesn't know where to place a line break, this behavior can be modified with the WRAP attribute in the TD or TextBox (which is rendered as a SPAN once in the browser).

樱花落人离去 2024-07-28 07:41:00

表单元素的标签在哪里?
为什么使用表格进行布局?
为什么要在 HTML 中而不是在 CSS 文件中指定文本区域的宽度?

好好做事!

Where is your label for the form element?
Why are you using tables for layout?
Why are you specifying a width for the textarea in the HTML rather than in your CSS file?

Please do things properly!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文