老版本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>


推荐阅读:

WebStorm怎么设置实现自动编译less文件

Ueditor后端配置项没有正常加载,上传插件不能正常使用!的解决过程。

解决margin击穿的几种方法

QQ聊天插件,鼠标划入划出显示隐藏效果。

html CSS引用字体文件

赞 (1)
分享到: +

评论 板凳

Avatar

换个身份

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