如何使用CSS格式化HTML表格進行打印？

我想用CSS格式化表格來顯示出勤表。如何將CSS樣式添加到表中以便可以打印？如何使用CSS格式化HTML表格進行打印？

2012-07-20 Parag

http://www.w3schools.com/css/css_mediatypes.asp – 2012-07-20 04:59:05

在您的樣式表，使用

@media print { 
    /* put your CSS rules if they are to apply in print only */ 
}

例如，

@media print { 
    * { color: black; background: white; } 
    table { font-size: 80%; } 
}

詳細信息取決於您希望打印特定表格時遇到的問題類型。通常，如果您設置了固定列寬（例如以像素爲單位），則可能需要重新考慮設計的這一部分。如果您使用顏色來傳達重要信息（例如，紅細胞代表缺席，綠色代表存在），則需要重新考慮此決定。

2012-07-20 05:09:04

使用media="print"屬性爲您的CSS樣式表具有打印特定的佈局。

2012-07-20 05:00:34

使用下面的CSS

table, th, td 
{ 
    border-collapse:collapse; 
    border: 1px solid black; 
    width:100%; 
    text-align:right; 
}

也可以使用媒體= 「打印」打印特定佈局

2012-07-20 05:00:41

您可以添加特定媒體CSS樣式使用@media規則

例如，@media screen將使用計算機屏幕上的風格和@media print用於打印機的頁面。

使用@media all將確保您的樣式應用於所有媒體類型的設備

遵循link更多的介質類型

2012-07-20 05:54:11

糾正所有好的答案。

我會怎麼做，是做具體的css文件只是爲了打印，並將其附加到頁面：

<link href='/css/theme-print.css' rel='stylesheet' media="print" type='text/css' />

2012-07-20 06:55:50 spectrum3900

回答