主題: [html/html5] [問題]網頁列印頁碼 [打印本頁]
發表人:
ROACH 時間: 2014-6-6 04:52 PM 主題: [問題]網頁列印頁碼
問一個網頁列印問題
像下面這種方式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
</style>
<style type="text/css">
@media print {
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
}
@media screen {
thead { display: block; }
tfoot { display: block; }
}
</style>
</head>
<body>
<table>
<thead>
<tr><th>我是抬頭 <BR> 頁碼: 1/1 </th></tr>
</thead>
<tfoot>
<tr><td>我是尾巴</td></tr>
</tfoot>
<tr>
<td><div>內容<br />內容<br />內容<br />內容<br /></div>
<BR>好幾行內容</td>
</tr>
</tbody>
</table>
</body>
當內容多達好幾頁時
它可以每列印到一頁最下面換頁後
『抬頭』再印一次
可是像頁碼要怎計算呢??
如何事先就知道總共有幾頁可以先輸出總頁數??
讓每一頁1/5
2/5...3/5..4/5..5/5 來顯示?
當然我知道在瀏覽器的設定裡面有這選項
但這太制式格式的不知道能不能寫程式輸出
[ROACH 在 2014-6-6 04:56 PM 作了最後編輯]
發表人:
XDR 時間: 2014-6-6 07:01 PM
貼到WORD去印 預覽列印時就會說有幾頁了
是要知道這個?
發表人:
ROACH 時間: 2014-6-6 09:15 PM
引用:
XDR寫到:
貼到WORD去印 預覽列印時就會說有幾頁了
是要知道這個?
不是..
因為我們會用網頁寫表單,從網頁輸出
每頁有抬頭也有頁碼
後來我想到一召
用outerHeight(true) 計算<Tbody>高度
就可以推算出輸出資料的總高度,推算出總頁數..
到時候按下列印按鈕的時候就會分頁了
發表人:
daidai 時間: 2014-6-7 12:57 AM
goolgle 關鍵字
print page number with css
jquery print preview
jquery print page number
希望派得上用場
http://www.w3.org/TR/CSS21/generate.html#counters
http://www.princexml.com/doc/9.0/page-numbers/
[daidai 在 2014-6-7 01:08 AM 作了最後編輯]
歡迎光臨 TWed2k (http://twed2k.org/) |
Powered by Discuz! 4.1.0 |