1. 程式人生 > >關於在table中插入表單導致單元格變形問題

關於在table中插入表單導致單元格變形問題

    今天主要實訓內容還是加深我們對於XHTML程式設計中一個重要元素table的熟悉,通過給定的具體頁面例項自己分析其table結構,並且實現出來。

因為頁面中牽涉到一些表單元素,今天本來是沒有要求做出來。但自己因為已經學習了相關知識,所以嘗試自己做出來。但只有自己真正做的時候才發現,有的東西,看懂並且能具體做出來,但是當它和一些其他因素結合後依然會生出相當多的問題。

比如剛才群裡面同學們討論的在table單元格中加入一個form表單,用input呼叫密碼框或者單選框等時會出現單元格中元素破壞單元格,並且垂直方向上不能居中對齊的問題。其實這是因為form在生成時會有相應的padingmargin

,這些看不見的隱形因素會撐壞單元格。所以解決方法為把form表單放到table外,其單元格中不單獨生成表單,只是用input等呼叫相應元件就可解決。也可在樣式中把form表單的padingmargin值令為0也可解決問題。

其上就是個人對上面問題的體會,雖然自己能理解相關原因,但是因為自己表述能力不夠,有些地方專業術語有一定偏差,請見諒。