打印頁面時試圖隱藏元素

我有一個窗體，當我打印時我想隱藏一個按鈕。我使用了隱藏按鈕的類（見下文）。但是，它保留了按鈕所在的空間，這實質上是打印頁面上的回車。這會導致每個表單按鈕在打印頁面上出現多餘的空白行。打印頁面時試圖隱藏元素

看來，如果我刪除此按鈕並保持一切，在打印頁面上的回車消失所以答案似乎是在這裏：

<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

打印頁面時試圖隱藏元素

回答

相關問題