|
IE6IE7IE8中的網(wǎng)頁表格不顯示邊框的原因，一般是因為td單元格中沒有內(nèi)容，就是連空格符都沒有，就會到這td單元格邊框不顯示，解決方法有：
1、在單元格中加入一個空格。這樣:<td> </td>
2、直接在table里這樣寫:<tableborder="0"cellspacing="0"style="border-collapse:collapse">
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。
備注：
看清了啊，border-collapse只能是collapse，雖然border-collapse還有separate，inherit屬性。用這種方法可以把邊框顯示出來，但很郁悶的是—-它顯示的是細邊框。順帶一下separate和collapse吧，separate:separate:默認值。邊框獨立(標準HTML)，跟沒用這個屬性時顯示的一樣。（inherit在我看來跟separate沒啥區(qū)別，也許是我眼拙，呵呵）collapse:相鄰邊被合并相鄰邊被合并！默認時相鄰邊沒有合并，所以就是1+1=2。現(xiàn)在我們使用border-collapse:collapse把我們合并了，所以寬度就是1+1=1了出現(xiàn)細線邊框了。
css中可以是：
.table{border-collapse:collapse}
這樣就能解決IE6IE7IE8中的網(wǎng)頁表格td邊框不顯示的問題了。
|