table 空内容无法显示边线

我在table的某些

1<td></td>

之间没有内容或者是空格,导致显示出来的时候表格的下侧与右侧的border没有显示,如下:

---------------------------------------------------
¦ ¦ ¦ ¦ ¦
---------------------------------------------------
¦ ¦ ¦ ¦
----------- --------------------------
请教应该如何解决这个问题?
---------------------------------------------------------------

办法1:把空的单元格变成非空的 :)
如原本的

1<td> </td>

变成

1<td>   </td>

或者

1<td> </td>

(全角空格)

办法2:用css
table { empty-cells: show } (IE5不支持)

办法3:用css
table { border-collapse: collapse }
但是这种方法会改变整个表格的边框模型(默认是separate模型),边框会不一样。
---------------------------------------------------------------

没有内容时就是无法显示
解决方法:
1、在

1<td></td>

间加 
2、在

1<td></td>

间加一个透明的小图片

Published At
Categories with Web编程
Tagged with
comments powered by Disqus