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

使用以下css

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

你也可以使用media=" print“来打印特定的布局

Answer 3

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

​