在做一些银行或者理财的项目时,有的需要兼容IE浏览器叫老版本,比如IE678,简直是前端开发人员的噩梦。
在较低版本的IE浏览器中,td 内容为空时,就不会显示边框,可以通过下面两种方法解决:
通过CSS
在 table 的 css 里面添加 border-collapse:collapse; 在 td 的css里面添加 empty-cells:show; ,代码如下:
<style>
table{
border-collapse:collapse;
}
td{
empty-cells:show;
}
</style>通过HTML
在 td 里写个 使它不为空就可以了。
<table border="1"> <tr> <td> </td> <td> </td> <td> </td> </tr> </table>
前端资源网 - w3h5