如何使用 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%; }
}

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