2010-11-08 47 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%"/> 

但是,溢出到左邊我會看到我可以做

相關問題