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

Question

我有一个 table :

<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>

它工作正常。

但是标签在视图中占据了 space 因此我想删除打印视图中的那些。

这可能吗？

Answer 1

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

.notforprint
{
display: none;
}

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

HTML & CSS : How delete <td> tag from print view

html

css

printing