在進行網站打印時,很多人都會遇到一個問題,那就是如何去除打印頁面頂部的地址欄信息。這個問題是由瀏覽器默認的頁眉產生的,因此需要使用 CSS 的 @page 屬性進行處理。
首先,在 CSS 文件中添加以下代碼,定義一個名為“print”樣式,用于處理打印業務:
<code> @media print { .print { display: block; position: fixed; top: -65px; left: 0; right: 0; height: 50px; /* 刪除頁眉信息 */ box-shadow: none!important; -webkit-box-shadow: none!important; } }</code>然后,在 HTML 文件中添加以下代碼,使用 p 標簽定義一個“去除打印頁眉”的提示信息:
<code> <p class="print">打印頁面將去除頂部地址</p></code>最后,在需要打印的元素上添加“print”類名,如下所示:
<code> <div class="print">需要打印的內容</div></code>這樣,在打印時,就可以自動隱藏頂部地址欄信息,讓頁面更加整潔。同時也感謝CSS強大的技術,可以方便的進行頁面美化和樣式處理。
上一篇css打印內容是波浪