javascript - 仅在打印时修改网页中的表格

Question

我有一个包含动态填充表格的网页。它们很宽，所以在页面上显示时有水平滚动条。

我的问题是，当我去打印时，表格被一点点 chop 了。作为解决方案，我想通过更改一些 <td> 的内容来重新格式化表格。使其适合的元素，例如:

//before
2014-01-23T18:28:35

//after
2014-01-23
18:28:35

这将减小表格的宽度，以便在打印时适合一页。

---

目前我有两个想法:

1. 当我动态填充表时，还使用修改后的数据填充第二个表。在屏幕上时，将显示原始表格，而第二个表格将被隐藏。打印时隐藏原来的表格，显示第二张。

2. 调用JavaScript函数或使用CSS修改<td>的内容元素 仅在打印时。 (这甚至可能吗？)

---

这种情况的最佳方法是什么？

编辑

我不是在询问仅在打印时使用 CSS 样式表。我已经这样做了，并将字体大小缩小到最小尺寸(在我看来)以提高人类可读性。

Answer 1

您可以使用样式表进行打印。

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

那里定义的样式仅在您打印页面时显示。