css 寫打印樣式問題

lushan 發(fā)布于2019-04-23 13:44 / 2955人閱讀

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

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

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

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

云服務(wù)器 GPU云服務(wù)器 css樣式怎么寫 css樣式頁面css樣式 css的樣式

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/2282.html

相關(guān)文章

Web應(yīng)用程序如何創(chuàng)建 PDF

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

AlexTuan 2019-08-23 18:40 評論0 收藏0
關(guān)于iview框架實現(xiàn)打印指定區(qū)域所碰到的坑

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

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

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

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

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

ymyang 2019-08-23 16:06 評論0 收藏0
前端實現(xiàn)html轉(zhuǎn)pdf方法總結(jié)

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

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