打印页面时试图隐藏元素

我有一个窗体，当我打印时我想隐藏一个按钮。我使用了隐藏按钮的类（见下文）。但是，它保留了按钮所在的空间，这实质上是打印页面上的回车。这会导致每个表单按钮在打印页面上出现多余的空白行。打印页面时试图隐藏元素

看来，如果我删除此按钮并保持一切，在打印页面上的回车消失所以答案似乎是在这里：

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

这里是班（我得到这个从以前的类似的帖子在这里计算器：

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

来源

2016-01-06 user2557039

你可以用截图显示吗？ –

看起来像打字错误，或者可能在以后的代码中覆盖了你的css：D –

你不应该在内联元素中包装块级元素，而是使用div而不是span来包装表单 – Nora

尝试更换此零件：

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

至：

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

通知，删除空间“！重要”

而且确保没有这些规则后覆盖在你的样式表。

编辑： CodePen尝试打印它工作正常，所以它可能是你的CSS的一些覆盖以后，搜索任何类，元素名称等进行显示，噢，如果要更改显示器用PHP或脚本它可能也会影响。

来源

2016-01-06 14:31:23

没有，没有工作。至于覆盖样式表中的其他地方，我不确定。我会寻找什么？ – user2557039

您是否删除了.button2属性和！之间的空格，并将这些规则合并到一个打印规则中 –

'！important'修饰符周围的空白不重要。 'none！important'，'none！important'，'none！重要的“应该都是相同的。 – Jack

打印页面时试图隐藏元素

回答

相关问题