javascript - 检测元素何时溢出打印宽度的最可靠方法

Question

我有一个 <table>用户自定义元素的数量、字体和字体大小，并且用户经常打印表格。如果表格太宽而无法放在单个打印页面上，一些列会被 chop ，用户可能要等到稍后才意识到，这时用户会感到不安。

有什么好的方法可以检测表格何时超出打印宽度以便我可以警告用户？我知道正确的答案是“网络浏览器不是为打印而设计的，你不能那样做”，所以我对 hack 很满意。现在我使用 jQuery outerWidth()查看宽度是否大于 700px。有没有更好的办法？

Answer 1

最好的方法是使用 media print css 样式表，在其中指定表格的最大宽度，并确保使用 table-layout:fixed;。此外，您可以设置自动换行，以便在处理大量输入时一切都很好地中断。

@media print {
    html{
        width: 100%;
        max-width: 700px;
    }
    .toprinttable {
        font-size: 11px;
        max-width: 700px;
        border: 0;
        table-layout:fixed; /*This is important*/
        word-wrap:break-word;
        border-collapse:collapse;
    }
}