html打印表格内容与预览效果的一致性浅谈
html设置网上打印表格的时候,怎样才能让打印出来的效果和预览效果保存一致性,如边框,字体大小,表格高度、颜色等
今天做了个网上打印报名表的项目,高高兴兴的在html里面table写好内容,css里面把表格样式给写好,然后怀着无比激动的心情点击打印按钮,结果打开一看,是这个鬼样
我辛苦设置半天的css样式在这里居然不起用,所以diss了一下,原来这tm的样式必须得写在html的标签里面
但是你要是每个td tr table标签都要设置style的话,密密麻麻的很多不建议这么干,最好的方法当然是通过jq去设置啦!
//用style添加css属性才可打印chu效果
$(".print table td").css({"border":"#bbb solid 1px","color":"#666","padding":"0 10px","width":"170px","height":"48px"})
这样就很beautiful了,完美的展现了效果图的样子
说的是呢!大神勿喷,小白共勉!
goodbye!
请先登录后再评论登录
单行、唯一
1楼
不错的,兄弟
回复