Question

我有一个带有按钮的表单，我想在打印时隐藏它。我用了一个隐藏按钮的课程（见下文）。但是，它保留了按钮所在的空间，该按钮基本上是打印页面上的回车。这会在每个表单按钮的打印页面上产生额外的空白行。

看来如果我删除此按钮并保留其他所有内容，打印页面上的回车就会消失，所以答案似乎就在这里：

<input class="button2" type="submit" value="Delete Admission" />

如果我删除class=button2，它仍然会在打印页面上显示空格。

以下是我想隐藏的全部内容：

<span class="noprintclass">
  <form  class="noprintclass" name="delpt" method="post" action="del_pt.php" >
    <input type="hidden" name="id" value="<?php echo $row['id_incr'];?>" />
    <input class="button2" type="submit" value="Delete Admission" />
  </form>
</span>

这是课程（我从stackoverflow上的一篇类似的帖子中得到了这个：

@media print {
  .noprintclass, .noprintclass * {
    display:none !important;
  }
}
@media print {
  .button2 {
    display:none !important;
  }
}

Answer 1

尝试更改此部分：

@media print {
    .noprintclass, .noprintclass *{
         display:none !important;
    }
}

为：

@media print {
    .noprintclass{
        display:none!important;
    }
}

注意在＆＃39;！important＆＃39;

中删除了空格

同时确保在样式表中没有任何内容覆盖这些规则。

编辑： CodePen尝试打印它工作的页面，所以它可能会稍后覆盖你的css，搜索任何类，元素名称等进行显示，哦是的，如果你用php或脚本更改显示它也可能影响。

在打印页面时尝试隐藏元素

1 个答案: