css 寫打印樣式問題

lushan 發布于2019-04-23 13:44 / 2945人閱讀

摘要：背景顏色打印不出來問題解決方法樣式要加上樣式要加上然后記得瀏覽器打印設置里面要在打印背景圖形前面打勾。頁碼的問題在打印的時候，想要換行的地方。

（1）背景顏色打印不出來問題解決方法

background樣式要加上 !important；
color樣式要加上 !important；
-webkit-print-color-adjust: exact;
然后記得瀏覽器打印設置里面要在“打印背景圖形”前面打勾。

-webkit-print-color-adjust: exact;
color:#007DCF !important;color;
background:#007DCF !important;

?（2）頁碼的問題：

? ? ? 在打印的時候，想要換行的地方。

 page-break-before: always;

例：


page[size="A4"] {
    background: white;
    width: 21cm;
    height: 29.7cm;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    page-break-before: always;
}
@media print {
    body, page[size="A4"] {
        margin: 0;
        box-shadow: 0;
    }
}

GPU云服務器云服務器 css樣式怎么寫 css樣式頁面css樣式 css的樣式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/2282.html

Web應用程序如何創建 PDF

摘要：在本文中，將探討如何從一個應用程序中直接生成一個。然而，再次受到瀏覽器對和支持的限制。使用來實現規范嘗試使用實現規范實際上是創建了。就從應用程序使用這些工具而言，需要在服務器上安裝它們。希望這是一個有用的工具總結，可用幫你的應用程序創建。為了保證的可讀性，本文采用意譯而非直譯。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！在一些場景下，用戶都要求一些需要的數...

AlexTuan 2019-08-23 18:40 評論0 收藏0
關于iview框架實現打印指定區域所碰到的坑

摘要：今天遇到一個需求，看起來也比較簡單，就是實現一個打印功能。有兩種方法來實現，一種是利用的媒體查詢，另一種則是使用。今天遇到一個需求，看起來也比較簡單，就是實現一個打印功能。頁面中有一個表單，將表單里的數據對應添加到表格中，然后點擊打印按鈕，實現預覽打印，這里我用的是iview框架，如下圖所示:showImg(https://segmentfault.com/img/bVbicZo?w...

quietin 2019-08-23 12:22 評論0 收藏0
CSS 面試題總結

摘要：而名作為標簽的身份則是唯一的，在頁面中只能出現一次。會導致父容器高度塌陷。堆疊順序由元素在文檔中的先后位置決定，后出現的會在上面。之后的內聯對象會被排列在同一行內。的作用是允許瀏覽器渲染它，但是不顯示出來，這樣才能實現清除浮動。 CSS 中類 (classes) 和 ID 的區別。書寫上的差別：class名用.號開頭來定義，id名用#號開頭來定義；優先級不同（權重不同）調用上的...

tomato 2019-08-29 15:06 評論0 收藏0
Web打印探秘

摘要：筆者最近做了一個在構建打印模板的需求，從中學習到一些有價值的東西，特地記錄一篇文章分享。此時，瀏覽器會彈出打印預覽的窗口，通過頁面生成了用于打印預覽。最后，聯想到也可用于實現打印模板需求，筆者以和模板為例進行了一個簡單的實踐。筆者最近做了一個在 Web 構建打印模板的需求，從中學習到一些有價值的東西，特地記錄一篇文章分享。概述本文首先描述筆者所處的項目組的 Web 打印項目的需求...

ymyang 2019-08-23 16:06 評論0 收藏0
前端實現html轉pdf方法總結

摘要：比上面的稍微好點，支持了一些方面的東西，具體看這個中文配置參數評價這種方法前端實現，靈活簡單，而且在頁面還原上是很好的，生成的過程不需要自己操心，頁面樣式還可控，可以說是非常不錯的。最近要搞前端html轉pdf的功能。折騰了兩天，略有所收，踩了一些坑，所以做些記錄，為后來的兄弟做些提示，也算是回饋社區。經過一番調(sou)研(suo)發現html導出pdf一般有這幾種方式，各有各有優...

Heier 2019-08-02 16:04 評論0 收藏0