让空td也能显示

最新推荐文章于 2021-12-23 19:46:33 发布

tigerpassion

最新推荐文章于 2021-12-23 19:46:33 发布

阅读量277

点赞数

文章标签： HTML

给table定义不错的样式，但往往会因为一些空td的不显示，使得整个table让空td也能显示，下面例子给出让空td也能显示的方法：

<html>
<head>
<style>
      table{border-collapse:collapse;}
      table,td{border:1px solid #2A4DA4;}  
      td{height:20px;}  
  </style>
</head>
<body>
<table width="100%">
  <tr>
    <td>&nbsp;AAAAAA</td>
    <td>&nbsp;111111</td>
  </tr>
  <tr>
    <td></td>
    <td>&nbsp;222222</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
</body>
</html>

当然，让我们加 也能让td显示出来，但相信大家还是不喜欢去给每个空td填入 的