Bor*_*nov 8 css styling printing-web-page
我有一个页面在长水平表中吐出数据库数据.
我需要很好地打印它,所以它不会被切断.有小费吗 ？
将表更改为具有多行的水平表(交换行/列)
建议用户切换到横向模式.AFAIK在当前浏览器中无法以编程方式执行此操作(CSS3定义@page {size:landscape})
每隔几列拆分表(即改为一列100列,生成10个表,每列10列).使用CSS table {display: inline-table}在屏幕上并排显示它们.只有当您没有不同高度的单元格时,此技巧才有效.
如果它不能以可读的字体放在纸上,那就不行了.在我看来,巨大的水平表(无论是HTML表格还是带有许多列的Excel表格)都不适合打印.就此而言,它们也无法在屏幕上观看.请记住,垂直滚动对于您的用户来说比水平滚动更容易 - 这一切都要归功于鼠标上的小轮子.
最糟糕的情况是,您可能需要编写一个使用垂直布局的单独打印版本.
为确保您的桌子不会消失在Printer Abyss中,请确保其容器的宽度设置为100%.
我假设您知道如何使用特定于打印的CSS(<style type="text/css" media="print">).
由于打印机和计算机显示器的分辨率可能非常不同,因此请em在打印CSS中进行大部分尺寸设置,并在打印时隐藏非必要元素(display:none).
此外,为了提高纸张的可读性,请使用白色背景,黑色文本和衬线字体(Times New Roman等),这些字体在纸上更易读.
不同的浏览器以自己的方式打印(甚至超过屏幕),所以请稍微玩一下,看看是否可以从其他浏览器获得更好的结果.也就是说,如果不需要打印在整个浏览器范围内完美地工作.