用某些預先填好的數據打印Div，然後打印一個隱藏的div

如果此問題顯得模糊，請提前道歉。我將一箇舊的Silverlight應用程序移植到html/web api應用程序中。用某些預先填好的數據打印Div，然後打印一個隱藏的div

該應用程序允許不同的供應商申請與主權部落的業務許可證，然後允許他們有機會在許可證發佈給他們時打印許可證。

許可證看起來像在許可證文本的這個

幾乎100％的來自於數據庫。

我的一個想法是創建一個html表格，並將該表格的背景設置爲證書圖像，然後使用單元格定位服務器中的文本。

但是我因爲幾個原因打了一堵牆， 1）許可證需要打印整頁，只有許可證不是網站的其餘部分，比如打印按鈕。 2）在許可證打印之前，我需要打印隱藏的div中的求職信。

所以理想情況下，用戶點擊一個按鈕，然後打印一封求職信，然後打印正確格式的許可證。

任何指針或建議是非常受歡迎的。

感謝

來源

2017-01-30 w2olves

您可以使用CSS @media應用樣式打印文檔，只有當，而不是在剛觀察：

html, 
 
body { 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 

 
.cover { 
 
    /* hidden cover */ 
 
    display: none; 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
/* fills entire sheet of paper */ 
 

 
.cert { 
 
    display: block; 
 
    height: 100%; 
 
    width: 100%; 
 
} 
 
/* only apply when printing */ 
 

 
@media print { 
 
    /* show cover in print */ 
 
    .cover { 
 
    display: block; 
 
    } 
 
    /* hide other elements in print */ 
 
    button { 
 
    display: none; 
 
    } 
 
}

<button onclick="window.print()">print</button> 
 
<div class="cover">COVERLETTER</div> 
 
<div class="cert">CERTIFICATE</div>

來源

2017-01-30 04:06:30

謝謝。我希望這可以幫助鞋子中的其他人。你會對我是否應該使用表格來定位文本頂部的div有什麼意見嗎？還是有更好的方法來做到這一點？ – w2olves

用某些預先填好的數據打印Div，然後打印一個隱藏的div

回答

相關問題