2013-05-01 46 views
0

早上好,如何讓輸入標籤一整​​表中的自舉

代碼在這裏:http://jsbin.com/uhuqog/4/

table,點擊一個<td>.editable類時,原來這個內容<td>替換爲<input type="text">,原始內容爲value。 我希望輸入標籤具有與原始<td>相同的尺寸。我嘗試刪除應用於輸入標籤的邊距和填充,但它不起作用,並且在更改輸入的高度和寬度時,高度和寬度會發生變化。

+0

'width:100%'但是你的表格單元大小會根據內容長度而改變,所以現在你有兩個可變長度,這肯定會出錯。 – 2013-05-01 06:49:37

+0

這是什麼意思? – b1onic 2013-05-01 06:54:32

+0

如果兩者都有可變長度,那麼絕對長度是多少?它將如何生成,你不​​知道,所以它可能會在某個地方出錯:當內容變大時,表格單元格會變得更大,所以問題是:表格單元格在不變大之前會得到多大的寬度,或者瀏覽器使用另一種方法計算表格單元寬度... – 2013-05-01 06:57:25

回答

0

我選擇了一種不同的方法。

當點擊<td>時,我計算它的絕對位置,寬度和高度,並將輸入放置在它的上方。