我被卡住了,SO檔案沒有幫助我.也許我在錯誤的地方看.這是一個簡短的故事：

>我有一個看法,我需要打印在一個完整的頁面.我不能有第二頁,我需要它在頁面上盡可能大.

>解決方案必須具有合理的跨瀏覽器兼容性(IE9,Safari,Chrome,FF).

>我已經有一個PDF解決方案,但是我也需要一個簡單的香草打印解決方案.

>該頁面是使用Bootstrap構建的,但是我已經覆蓋了Print的大部分類.

HTML頁面的結構如下.我刪除了一些內聯CSS,以定制一些這樣的信息.

@media print {

html, body {

margin: 0;

padding: 0;

background: #FFF;

font-size: 9.5pt;

}

.container, .container div {

width: 100%;

margin: 0;

padding: 0;

}

.template { overflow: hidden; }

img { width: 100%; }

}

[PLAIN TEXT IN HERE, POSITION:ABSOLUTE OVER THE IMAGE]

我意識到這里有一些不好的形式來包括在線CSS,但是由于各種原因,它必須重寫一堆其他的CSS.我可以把它拉回來,但它的要點就是這樣.當我打印時,我會看到正確的東西,再加上一個額外的第二頁.當我縮小圖像時,一切都可以,但是我需要圖像來填充DIV.

我認為設置寬度為100％是問題,但我確保圖像寬高比小于頁面(即使有任何邊距).基本上,全寬度的圖像不應該導致分頁符.我做錯了什么我需要改變什么？任何幫助是贊賞…

總結

以上是生活随笔為你收集整理的html打印在一页面布局,html – CSS打印布局 – 单页打印的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。