如何使用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样式表的media="print"属性来打印特定的布局。

Answer 3

使用以下css

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

您也可以使用media =“print”进行打印特定布局

Answer 4

您可以使用@media规则

向页面添加媒体特定的CSS样式 例如，@media screen将使用计算机屏幕的样式，@media print将用于打印机。

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

关注link了解有关媒体类型的更多信息

Answer 5

纠正所有好的答案。

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

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

Answer 6

您也可以使用

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