我正在嘗試用表格數據創建一個頁面,它必須顯示為多個表.但是,我有兩個相互矛盾的要求：

>每個表必須有一個邊框.

>每個表的列寬必須能夠根據內容進行重新調整大小.但是,列寬必須在所有表中保持一致. (即,列的大小基于所有表中該列中的最大單元).

為了處理第二個要求,我有一個單一的頂級表,其中包含多個thead和tbody部分.這完美地實現了#2.本質上,我已經在一個較大的父表中創建了多個偽表,并將其與一個隨機的tbody分組：

table1 header content...

table1 body content...

table2 header content...

table2 body content...

現在,我試圖解決第一個要求.每個偽表必須在其周圍有一個邊框,將其自己作為一個真正的表格.

我發現,令人失望的是,IE 6/7不允許在/ tbody標簽周圍添加邊框樣式,或者我只需向頂部/左/右邊框添加頂/左/右邊框樣式風格為tbody.

為這些作品創建正確的表和樣式邊框來解決#1,但它打破了#2.

另一個選擇是使用第一個孩子和最后一個孩子的樣式來創建我的邊框.不幸的是,這并不美觀,IE?? 6/7也不起作用.

我一直在研究的另一個替代方法是在整個表格上創建一個邊框,并嘗試在偽表之間創建一個創建我的分隔符的行,但是當我可以創建頂部/底部邊框時,我還沒有發現意味著刪除該表的左/右邊框只是該行.那可能嗎？

我的最后一個選擇是創建用于繪制左,右,頂和底邊界的類,設置適當的表單元格以使用這些類.我知道這將最終奏效,但它是非常笨重的,并且使得非常混亂的標記. Colgroups無法將我保存在這里,因為他們無法處理邊框樣式.這是不幸的,因為它會使這個解決方案更容易胃.

有沒有更好的方法來完成我可能錯過的邊界？

總結

以上是生活随笔為你收集整理的html body 边框,html – 如何在表的tbody / thead部分创建边框？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。