【问题标题】: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 - 会有所不同吗?

标签: asp.net html css


【解决方案1】:

这对我有用:

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

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

【讨论】:

    【解决方案2】:

    &lt;textarea&gt; 这样的“文本框”是内联元素。你需要这样做:

    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% widthhight 并将 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% 会超出表格的单元格。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-06
    • 2019-09-26
    • 1970-01-01
    • 2010-10-06
    • 1970-01-01
    • 2011-08-26
    • 1970-01-01
    相关资源
    最近更新 更多