CSS提供各種方式來設置A4紙的樣式。下面是一些常用的方法。
@media print { body { width: 210mm; height: 297mm; margin: 0; padding: 0; } } @media screen { body { width: 100%; height: 100%; margin: 0; padding: 0; } } @media print { .page-break { page-break-before: always; } }
上述代碼中,@media print表示在打印時應用,@media screen表示在屏幕上應用。
第一個代碼塊設置了body的寬度和高度為210mm和297mm,即A4紙的尺寸。同時,將margin和padding都設置為0,以確保紙張邊緣沒有空白。
第二個代碼塊是針對屏幕的樣式,將寬度和高度都設置為100%,確保在屏幕上能夠完整顯示。
第三個代碼塊用來設置分頁。我們可以通過在需要分頁的元素上添加.page-break類,并在打印樣式中設置page-break-before屬性來實現分頁。
除此之外,我們還可以通過其他方式來設置A4紙的樣式,例如設置字體、邊距、頁眉頁腳等內容。
上一篇css樣式讓圖片寬鋪p滿
下一篇css樣式計算高度