CSS布局模型是構(gòu)建網(wǎng)頁布局結(jié)構(gòu)的基礎。當我們將網(wǎng)頁設計好后，通常需要將其打印出來。那么如何才能使網(wǎng)頁在打印時保持良好的布局呢？下面介紹一些方法。

首先，我們需要知道打印時的一些基本設置。通常情況下，打印時會自動將網(wǎng)頁縮小至適合打印紙張大小。此時，如果網(wǎng)頁的寬度超過了紙張的寬度，網(wǎng)頁內(nèi)容就會被縮小，可能會影響閱讀。因此，我們需要將網(wǎng)頁的寬度設置為紙張的寬度。

@media print {
body {
width: 100%;
}
}

以上代碼使用了@media規(guī)則來指定打印樣式。在打印時，此規(guī)則將body寬度設置為100%。

接下來，我們需要在打印時隱藏掉一些不必要的元素，比如導航欄、廣告等。

@media print {
.nav, .ad {
display: none;
}
}

以上代碼將類名為nav和ad的元素在打印時設置為不顯示。

另外，我們還需要考慮打印前后的頁眉頁腳。可以使用@page規(guī)則來設置頁眉頁腳的內(nèi)容和樣式。

@page {
margin: 2cm;
@top-center {
content: "網(wǎng)站名稱";
}
@bottom-center {
content: counter(page) " / " counter(pages);
}
}

以上代碼將頁面的上下邊距設置為2cm，頁眉設置為“網(wǎng)站名稱”，頁腳設置為“頁碼 / 總頁數(shù)”。

最后，我們需要將不必要的背景、邊框等元素也去掉。

@media print {
body * {
background: transparent !important;
color: black !important;
box-shadow:none !important;
text-shadow:none !important;
}
body {
background: white !important;
color: black !important;
}
}

以上代碼將所有元素的背景、文字顏色、陰影等設置為默認值，并將頁面的背景色設置為白色。

通過上面的設置，我們就可以將網(wǎng)頁打印成符合要求的布局了。