打印網頁

我有一個網頁，其中包含一個動態填充的表。這個頁面需要打印出來用於記錄。我遇到的問題是避免tr內的分頁符。我花了很多時間進行谷歌搜索並嘗試了很多東西，而我所能夠生成的所有內容都是一個不會在正確位置中斷的頁面，因此有些數據丟失。我有一個小的簡單的打印CSS頁面打印網頁

.noprint{ 
display: none; 
} 
.printthis { 
display: block; 
} 
.data table{ 
page-break-inside:avoid; 
} 
.data tr{ 
page-break-inside:avoid; 
} 
.data thead{ 
display:table-header-group; 
} 
.data tbody{ 
display:table-body-group; 
page-break-inside:avoid; 
} 
.data, 
.data th, 
.data td { 
border:1px solid #000; 
border-spacing:0; 
border-collapse:collapse; 
} 
.data table,th, tbody, tr, td { 
background-color:transparent; 
padding: 0px; 
margin: 0px; 
} 
a:link:after, #content a:visited:after { 
content: " (" attr(href) ") "; 
text-decoration: none; 
font-size: 90%; 
display: none; 
} 
a[href^="/"]:after { 
text-decoration: none; 
display: none; 
}

我只是想打印出這個表，我已經做了我只需要一點點的幫助得到它在正確的位置突破的結果。任何HLEP表示讚賞

來源

2012-10-06 Raymond Feliciano

好吧，我是用鍍鉻進行打印，它砍我的內容。我用IE9，它打印我想要的方式。瀏覽器之間是否有差異打印css –

嘗試insertin一個css一個額外的屬性

media=print 

<link type="stylesheet" href="../css path" media="print">

趁現在使用的選項

window.print()

只有這個CSS將被激活，您的打印頁面將在已應用此CSS

來源

2012-10-06 16:25:43

我已經在頁面的頭部有這個。我也可以在print.css中用css打印頁面，唯一不起作用的是分頁符。我試圖保持免於內部分割內容。 –

是否在所有瀏覽器中拆分行？

我有類似的問題：

tr {page-break-inside:avoid;}

爲我工作，但你似乎有這個了。
也許你的css規則沒有覆蓋行，請嘗試在你選擇的瀏覽器中使用開發者工具欄來檢查表格行的應用css規則。

至於在每個頁面的頂部打印表格標題，它看起來像IE是目前唯一支持這一點的瀏覽器。
網絡套件基於瀏覽器不此刻的支持：
Bug 17205 - THEAD & TFOOT should be printed on every page

來源

2012-10-17 12:22:36 tBone77

回答

相關問題