html 打印时隐藏,打印时隐藏HTML媒体

您是否在现有样式表中指定了打印样式表或打印@media部分？

默认情况下，样式表可以在屏幕上正常工作(正如您已经发现的那样);但是，除非您明确指定打印CSS样式表，否则在打印页面时，它将默认为浏览器默认样式(通常为15pt Times New Roman等)。

解决方案1：添加第二个，打印样式表

在你的HTML头包含以下两个标签：

那么所需要的格式样式复制从screenstyles.css到printstyles.css(或只是使两个的链接到你的屏幕样式表)。

解决方法2：只有1种样式，但打印@media它

你一个CSS样式表会喜欢这样(忽略从你的CSS的link rel标签media=""：

/*Normal css*/

table.noQual {

page-break-inside: avoid;

width: 100%;

border: 0px;

font-family: "Verdana","sans-serif";

color:black;

overflow-y: hidden;

display: block;

max-height:50px !important;

}

@media print {

/*Everything inside here will be used to style the printed product*/

table.noQual {

page-break-inside: avoid;

width: 100%;

border: 0px;

font-family: "Verdana","sans-serif";

color:black;

overflow-y: hidden;

display: block;

max-height: 50px !important;

}

}