HTML & CSS : 如何从打印视图中删除 <td> 标签

Question

我有一张桌子：

<table>
  <tr>
     <td>#</td>.
     <td>Nmae</td>
     <td class="notforprint">Class</td>
  </tr>
  <tr>
     <td>1</td>.
     <td>Jhon</td>
     <td class="notforprint">A</td>
  </tr>  <tr>
     <td>2</td>.
     <td>Tom</td>
     <td class="notforprint">B</td>
  </tr>
</table>

我创建 css 样式来隐藏标签：

<style>
    @media print {
        .notforprint{
            visibility: hidden;
        }
    }
</style>

而且效果很好。

但是标签占用了他们的空间，因此我想删除打印视图中的那些。

这可能吗？

Answer 1

您可以通过以下方式禁用显示：

.notforprint
{
display: none;
}