html文件只能打印一页,javascript – 使用window.print()打印巨大的表只打印一页

Print a very wide HTML table without clipping right hand side

Print Stylesheets for pages with long horizontal tables

似乎表明你有点搞砸了,如果你必须采取CSS唯一的方法.我能想到的唯一可能是有用的(是的,我尝试过)有点像疯了

table, table * {

display:inline-block;

}

table tr {display:block;}

table td {padding:10px;}

当然,这会尝试取消普通的表格样式.

似乎可以在Firefox和Chrome中工作(也就是说,它会将单元格作为每行的内联块流动)但我不知道标准对此有何看法.里程可能会有所不同.

编辑:作为奖励,似乎不太难将计数器添加到单元格中,以便您知道单元格所在的列(仅在chrome中测试).

table, table * {

display:inline-block;

}

table tr {display:block;

counter-reset: section; }

table td {padding:10px;}

table td:before {

counter-increment: section;

content: counters(section, ".") " ";

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值