造型的頭我最近發現的CSS代碼已經支持的瀏覽器(在@media print {}
使用display: table-header-group;
)在每一頁的頂部打印<thead>
塊。這極大地簡化了我的應用程序中用於打印表格的代碼。打印每個
然而,我的客戶是有關樣式很挑剔。看來,重新打印頭羣體缺乏一些樣式的原標題,即border-bottom-style
和border-bottom-width
到頭部從表體中分離出來。由於這似乎是一個很難的要求,我想通過這些標題組來包含這些樣式。
我試過幾種不同的方法,試圖迫使火狐(我們選擇的瀏覽器)來打印這些樣式來滿足這個條件,但沒有這些方法似乎產生預期的效果。我已經嘗試了一些例子:
@media print {
thead {
display: table-header-group;
border-bottom-style: solid;
border-bottom-width: 3px;
}
}
和
<thead style="border-bottom-style: solid; border-bottom-width: 3px;"></thead>
和
table.class thead {
border-bottom-style: solid;
border-bottom-width: 3px;
}
和
table.class th {
border-bottom-style: solid;
border-bottom-width: 3px;
}
我的問題,然後:有沒有一種方法來設置這些重印標題組的樣式?或者,瀏覽器只是使用相當簡單的默認表頭樣式(粗體文本)?
請原諒我,如果這個問題已經被問和回答。我四處搜尋,但找不到有關這個特定問題的任何信息。有很多問題涉及display: table-header-group;
,但沒有涉及樣式這些頭組。
你可以上傳無法正確打印的東西一個完整的例子嗎? – Jason 2012-08-07 21:20:36
正如我在下面的評論中指出的那樣,這個問題是桌子上另一種相互衝突的風格(具體來說就是'border-collapse:collapse')。我剛剛切換到使用'cellspacing =「0」',問題就解決了。 – Chris 2012-08-08 13:49:09