2010-11-08 36 views
9

..一直试图适应HTML表格单元格中的文本框(自动调整文本框宽度),但没有运气..任何人都可以请帮忙吗?感谢如何适应表格单元格中的文本框

我有什么:

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

​​ user384080 2010-11-08 09:55:10

+0

它说在你的代码中你也使用ASP。您在提问时应该说明这一点,并将其添加到您的标签中。 – Kyle 2010-11-08 10:01:01

+0

@Kyle Sevenoaks - 它会做出差异吗? – user384080 2010-11-08 10:24:47

回答

12

像文本框<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,所以我们不知道你正在尝试使用:)

+2

设置为100%将超过表格单元格 – user384080 2010-11-08 09:55:43

+0

因此,将其设置为较小的百分比或明确的值:)(px,em等) – Kyle 2010-11-08 09:58:05

+0

margin和padding = 0的含义?对我来说,它似乎工作(请参阅我的答案) – 2010-11-08 10:05:25

1

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

+1

将宽度设置为100%将超出表格的单元格。 – user384080 2010-11-08 09:54:07

1

试试这个:

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

,它的工作。

+1

将宽度设置为100%将超出表格的单元格 – user384080 2010-11-08 09:56:51

+1

它是否也会超过边距和填充值设置为“0”? – 2010-11-08 10:31:06

0

设置你的“文本”(不管它是什么?你的意思textareainput type="text"?)到100%widthhight和它的margin为0,并设置你的表细胞的padding为0

+1

设置为100%将超过表格单元格 – user384080 2010-11-08 09:56:18

1

这个工作对我来说是什么:

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

但是,溢出到左边我会看到我可以做

相关问题