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

  • 2019 年 11 月 13 日
  • 筆記

在做一些银行或者理财的项目时,有的需要兼容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