老版本IE下内容为空时td不显示边框的解决办法

在做一些银行或者理财的项目时,有的需要兼容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 里写个 &nbsp; 使它不为空就可以了。

<table border="1">
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>


赞 (1)
分享到: +

评论 板凳

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)
  1. #1
    Rank
    table是比较难搞的。
    Rank 6年前 (2019-05-08)回复 取消评论