App下載
首頁(yè) > html > empty_cells > CSS Property Value - 如何empty-cells: hide;

CSS Property Value - 如何empty-cells: hide;

我們想知道如何empty-cells: hide; 

<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
table {
  border-collapse: separate;
}

table, td {
  border: 1px solid #000000;
}

table.show {
  empty-cells: show;
}

table.hide {
  empty-cells: hide;
}
</style>
</head>
<body>
  <table class="show">
    <tr>
      <td>Item 1</td>
      <td>Item 2</td>
    </tr>
    <tr>
      <td>Itme 3</td>
      <td></td>
    </tr>
  </table>
  <br>
  <table class="hide">
    <tr>
      <td>Item 1</td>
      <td>Item 2</td>
    </tr>
    <tr>
      <td>Itme 3</td>
      <td></td>
    </tr>
  </table>
</body>
</html>