最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

打印时,内容与标题有一块空白内容_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 15:44:08
文档

打印时,内容与标题有一块空白内容_html/css_WEB-ITnose

打印时,内容与标题有一块空白内容_html/css_WEB-ITnose:html AJava.org书城订单明细 @media print{ .toolbar{display:none;} } .toolbar{border:1px solid #6A9BFA;background:#E8F7E8;} .paging{page-break-after :always} td{font-size:12px;colo
推荐度:
导读打印时,内容与标题有一块空白内容_html/css_WEB-ITnose:html AJava.org书城订单明细 @media print{ .toolbar{display:none;} } .toolbar{border:1px solid #6A9BFA;background:#E8F7E8;} .paging{page-break-after :always} td{font-size:12px;colo


html

   AJava.org书城订单明细          
书名 价格 送货地址 送货时间 状态
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
《Java 编程思想》 ¥60.00 伊拉克巴格达总统府9栋8单元7门654室 2009-8-8 已送达
以上内容纯属虚构

请问下,当我分页标签这样放时,打印预览会产生空白块,这是为什么?,若是表内容,不再设置一个
TABLE的话,显示会正常。但我需要类似上述程序这样的操作,要怎么解决这个问题?谢谢


回复讨论(解决方案)

具体那个地方呢, 不明白

您把程序复制下来,跑看看就清楚了,我用的是IE8.0测试的。
在打印的时候,第一页的标题和内容之间有很大的一块空白。我知道是page-break-before这个标签放置于tr里导致,但不知道要怎么解决。

就是说去掉.paging{page-break-after :always} 就可以啦?为什么不去掉呢?

哦,理解了在 paging 之后分页。

我查了下page-break-after 这个属性,看到这个:

“注释:请尽可能少地使用分页属性,并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。”

调试了下,是你html代码的问题




这里多了一行 “
” 去掉就ok 了。代码要工整~

调试了下,是你html代码的问题




这里多了一行 “
” 去掉就ok 了。代码要工整~

这个不是问题,我是特地要在TABLE-A的一个TD里放置一个TABLE-B的,而换页标签时放在TABLE-B里面,
如果是放在TABLE-A里面是没有问题。但不是我想要的效果,谢谢!

就是说去掉.paging{page-break-after :always} 就可以啦?为什么不去掉呢?

这位兄弟,放置pege-break-after是为了强制换页。我这个测试程序是简化,实际上表内容是很多的,
当行很多时,你就需要强制换页并每个页都要有一个表头。

我不太明白为什么一定要在第一个table 里嵌套另一个table,这样吧,你做3个table head 放在一个table 里,foot 放在一个table里,中间的分页内容放在一个table 里,三个并列的table 也可以避免这个空白的问题。

我不太明白为什么一定要在第一个table 里嵌套另一个table,这样吧,你做3个table head 放在一个table 里,foot 放在一个table里,中间的分页内容放在一个table 里,三个并列的table 也可以避免这个空白的问题。

是这样的,我做了一个固定表头的TABLE,其分布就是
TABLE A
TR
TABLE B
放置标题
/TABLE
/TR
TR

TABLE C
这里就是放置表格内容的,我的分页标签也是在这里放置
/TALBE

/TR
/TABLE
我刚刚测试发现:如果只有两页的话,第二页行数越多,第一页标题离内容的空白间隙就越大,即TABLE B离TABLE C的间隙就越大,很奇怪的效果……!

假设只有两页的情况下,初步判断空白的距离=下一页的行数×行高,直至该页排版填充满,如
page1

TITLE1 TITLE2
空行1
空行2
value1 value2

page2
TITLE1 TITLE2
value1 value2
value1 value2

文档

打印时,内容与标题有一块空白内容_html/css_WEB-ITnose

打印时,内容与标题有一块空白内容_html/css_WEB-ITnose:html AJava.org书城订单明细 @media print{ .toolbar{display:none;} } .toolbar{border:1px solid #6A9BFA;background:#E8F7E8;} .paging{page-break-after :always} td{font-size:12px;colo
推荐度:
标签: 内容 打印 html
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

Top