w3h5

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


声明:本文由w3h5原创,转载请注明出处:《老版本IE下内容为空时td不显示边框的解决办法》 https://www.w3h5.com/post/294.html

赞 (0)
分享到: +More |

评论 板凳

换个身份

  1. #1
    Rank
    table是比较难搞的。
    Rank 2个月前 (05-08)回复 取消评论