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