ie6 表格td中無內容時不顯示邊框的解決辦法

2024-07-11 08:47:52

字體：大中小

來源：轉載

供稿：網友

1、在單元格中加入一個空格。這樣: <td> </td>

2、直接在table里這樣寫:<table border="0" cellspacing="0" style="border-collapse:collapse">

看清了啊，border-collapse只能是collapse，雖然border-collapse還有separate，inherit屬性。用這種方法可以把邊框顯示出來，但很郁悶的是—-它顯示的是細邊框。順帶一下separate和collapse吧， separate:separate :　默認值。邊框獨立(標準HTML)，跟沒用這個屬性時顯示的一樣。（inherit在我看來跟separate 沒啥區別，也許是我眼拙，呵呵） collapse :　相鄰邊被合并相鄰邊被合并！默認時相鄰邊沒有合并，所以就是 1+1=2。現在我們使用 border-collapse:collapse把我們合并了，所以寬度就是 1+1=1了出現細線邊框了。

3、table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者 table {width:100%;border-collapse: separate;empty-cells:show;} 不過，目前IE6.0持此屬性，貌似只能在css2中使用。相應的腳本特性為emptyCells。

4、這里能使邊框顯示出來的核心是 rules=”cols”

上一篇：純css的accordion效果(代碼分享)

下一篇：div背景半透明覆蓋整個可視區域的遮罩層效果