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

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

使用CSS样式表的

media=“print”

属性，使其具有特定于打印的布局

使用以下css

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

---

您还可以在样式表中使用media=“print”进行特定于打印的布局

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

比如说,

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

---

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

您可以使用@media规则将特定于媒体的css样式添加到页面中

例如，

@media screen

将使用计算机屏幕的样式，

@media print

用于打印机

使用

@media all

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

---

有关媒体类型的更多信息，请按照说明进行操作

更正所有正确答案

我要做的是制作一个专门用于打印的css文件，并将其附加到页面：

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

您也可以使用

body {
-webkit-print-color-adjust:exact;
}