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

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

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

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

table1 header content...

table1 body content...

table2 header content...

table2 body content...

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

我發(fā)現(xiàn),令人失望的是,IE 6/7不允許在/ tbody標(biāo)簽周圍添加邊框樣式,或者我只需向頂部/左/右邊框添加頂/左/右邊框樣式風(fēng)格為tbody.

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

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

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

我的最后一個選擇是創(chuàng)建用于繪制左,右,頂和底邊界的類,設(shè)置適當(dāng)?shù)谋韱卧褚允褂眠@些類.我知道這將最終奏效,但它是非常笨重的,并且使得非常混亂的標(biāo)記. Colgroups無法將我保存在這里,因為他們無法處理邊框樣式.這是不幸的,因為它會使這個解決方案更容易胃.

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。