HTML & CSS 如何在打印视图中彻底移除带notforprint类的<td>标签

你的需求可以正常实现，当前出现占位问题是visibility: hidden的属性特性导致的：该属性仅控制元素的可见性，不会删除元素在文档布局中占据的空间，因此隐藏后对应位置会保留空白。

你只需要将样式替换为display: none即可实现完全移除的效果，该属性会将元素从文档渲染流中彻底移除，既不会显示内容，也不会占用任何页面空间。修改后的CSS代码如下：

@media print {
    .notforprint {
        display: none;
    }
}

如果修改后表格宽度适配出现异常，你可以在打印媒体查询中额外给表格添加table-layout: auto规则，让表格自动根据剩余列的内容调整布局宽度即可。

内容的提问来源于stack exchange，提问作者Sermed mayi