如何在表格单元格中放置文本框

Posted 2023-03-05

【中文标题】如何在表格单元格中放置文本框

【英文标题】：how to fit textbox in the table cell

【发布时间】：2011-05-06 13:51:37

【问题描述】：

.. 一直在尝试将文本框（自动调整文本框宽度）放入 html 表格的单元格中，但没有运气.. 有人可以帮忙吗？谢谢

我有什么：

<td>
  <asp:TextBox ID="txtPrice" runat="server" style="width:100%"/>
</td>

【问题讨论】：

它在你的代码中说你也在使用 ASP。您应该在提问时说明这一点，并将其添加到您的标签中。

@Kyle Sevenoaks - 会有所不同吗？

【参考方案1】：

这对我有用：

<asp:TextBox ID="txtPrice" runat="server" width=100%"/>

但是，左边有溢出，我看看我能做什么

【参考方案2】：

像<textarea> 这样的“文本框”是内联元素。你需要这样做：

HTML：

<textarea class="myTextarea">
Content
</textarea>

CSS：

.myTextarea

   display: block;
   width: 100%;
   height: 100%;

Example for you here.

And an updated example for you here。 （添加边距和一个表格供您查看）

另外，你有一些我们可以看到的代码吗？ textbox 不是有效的 HTML，所以我们不知道您要使用什么 :)

【讨论】：

设置为 100% 将超出表格的单元格

所以将其设置为较小的百分比或明确的值:)（px、em 等）

margin 和 padding=0 是什么？对我来说它似乎有效（见我的回答）

默认边距和内边距应该已经设置为 0，除非它是继承的，那么它应该为元素显式设置。

设置小于 100% 将无法正确调整。如果窗口最小化/最大化将无法正确调整大小

【参考方案3】：

将您的“文本框”（无论是什么...您的意思是 textarea 还是 input type="text"？）设置为 100% width 和 hight 并将 margin 设置为 0 并将 @987654326将表格单元格的 @ 设置为 0。

【讨论】：

设置为 100% 将超出表格的单元格

【参考方案4】：

试试这个：

<td>
<textarea style="width:100%;height:100%;margin:0;padding:0;" rows=1 cols=1>
    text!
</textarea>
</td>

在我的测试中，它有效。

【讨论】：

将宽度设置为 100% 将超出表格的单元格

它是否也超过了边距和填充设置为“0”？

【参考方案5】：

style="width: 100%; height: 100%;" 不起作用？

【讨论】：

将宽度设置为 100% 会超出表格的单元格。