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

Question

我想用CSS格式化表格来显示出勤表。如何将CSS样式添加到表中以便可以打印？

Answer 1

在您的样式表，使用

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

例如，

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

详细信息取决于您希望打印特定表格时遇到的问题类型。通常，如果您设置了固定列宽（例如以像素为单位），则可能需要重新考虑设计的这一部分。如果您使用颜色来传达重要信息（例如，红细胞代表缺席，绿色代表存在），则需要重新考虑此决定。

Answer 2

使用media="print"属性为您的CSS样式表具有打印特定的布局。

Answer 3

使用下面的CSS

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

也可以使用媒体= “打印” 打印特定布局

Answer 4

您可以添加特定媒体CSS样式使用@media规则

例如，@media screen将使用计算机屏幕上的风格和@media print用于打印机的页面。

使用@media all将确保您的样式应用于所有媒体类型的设备

遵循link更多的介质类型

Answer 5

纠正所有好的答案。

我会怎么做，是做具体的css文件只是为了打印，并将其附加到页面：

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