css - 打印使用 CSS 格式化的 Html 文档

标签 css html printing

我有一个 asp.net mvc 应用程序,我的 View 是 HTML5 格式的。我需要将 View 打印为报告。此 View 显示了一些数据 <table/>标记,并使用 css 样式将其格式化为 font-family , font-size , text-align属性等。当我尝试使用 Chrome 打印它(导出为 PDF)时,我的 css 不起作用,我的意思是,打印结果显示时没有格式化。

我该怎么做才能解决这个问题?无论我使用 css 来应用样式还是使用 html 标签来格式化页面都无关紧要,但我希望它能留下格式化的印象。

PS:我想保留html有效文件。

最佳答案

您需要按照以下设置拆分屏幕和打印的 css

<link href="css/main.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/print.css" media="print" rel="stylesheet" type="text/css" />

然后无需更改您的 html 代码,只需更改 css 或复制旧的 css。

关于css - 打印使用 CSS 格式化的 Html 文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11457987/

相关文章:

html - 用边框分隔两段

javascript - 使用 JavaScript 刷新页面后记住事件类位置

html - Angular ng-repeat 到 PDF 或打印机 CSS 假定对齐问题

java - 显示数组中包含的值

css - 无法在 Css 选择器中获取元素值

javascript - Base64 图片在新标签页中打开 : Window is not allowed to navigate Top-frame navigations to data URLs

javascript - 将更改的文本保存到 localStorage Javascript 中切换元素的按钮

javascript - 使用 JavaScript 获取未解析的(原始)HTML

html - 打印时保留 HTML 字体颜色 - IE 设置,而非打印机问题

html - 已在页面上时禁用链接