html – firefox打印多页rowspan

html – firefox打印多页rowspan,第1张

概述我有一个表,其中包含一大块数据,通过行跨度使用相关单元格. 在打印预览中查看使用mozilla / firefox引擎进行打印时,似乎有近100页要打印.几乎只有一条线. 我确实尝试了一些表,tr,td,td span level page-break-inside:避免 但这似乎并没有多大区别. 我读过关于只使用div而不是rowspan,divs就是我们几年前做过的事情,但有太多的项目没有水平 我有一个表,其中包含一大块数据,通过行跨度使用相关单元格.
在打印预览中查看使用mozilla / firefox引擎进行打印时,似乎有近100页要打印.几乎只有一条线.

我确实尝试了一些表,tr,td,td span level page-break-insIDe:避免
但这似乎并没有多大区别.

我读过关于只使用div而不是rowspan,divs就是我们几年前做过的事情,但有太多的项目没有水平排列1或2像素.

此引擎与用于pdf生成器的引擎相同,因此您可以使用firefox轻松查看问题.

<!DOCTYPE HTML><HTML><head><Title></Title><style>* {    Font-family: LucIDa Sans Unicode,Trebuchet MS;}body {    Font-family: LucIDa Sans Unicode,Verdana;    color: #333333;    Font-size: 12pt;    padding-left: 50px;    padding-right: 50px;    margin: 0px;}.Spectable {    wIDth: 100%;    border-collapse: collapse;    border-spacing: 0;}.QIRow {    border-bottom: 1px solID #EEEEEE;    vertical-align: top;}.leftColumn {    text-align: left;}.RightColumn {    text-align: right;}.Spectable td {    vertical-align: top;    max-wIDth: 300px;    min-wIDth: 90px;    word-wrap: break-word;    Font-family: LucIDa Sans Unicode,Trebuchet MS;    Font-size: 10pt;    border-bottom: 1px solID #000000;    padding-top: 5px;    padding-bottom: 5px;}.QIRow.QIBottomborder2 {    border-bottom: 1px solID #EEEEEE;}span.Pdfcomment {    padding-left: 10px !important;    padding-top: 0px !important;    display: inline-block;}.QIRow span {    Font-family: LucIDa Sans Unicode,Trebuchet MS;    Font-size: 10pt;    padding: 0 10px 10px 10px;}.QIRow div {    wIDth: 100%;    display: inline-block;    padding-bottom: 5px;}.gggggDesc {    padding-left: 10px;    Font-size: 13px;}.SN,.STTname {    Font-family: LucIDa Sans Unicode,Trebuchet MS;    Font-size: 13px;    padding-left: 10px !important;    display: block !important;    border-radius: 5px;    margin-bottom: 5px;    color: #00699f;}.Spectable th {    padding: 10px;    max-wIDth: 300px;    min-wIDth: 90px;    Font-family: LucIDa Sans Unicode,Trebuchet MS;    Font-size: 11pt;    border-top: 1px solID #000000;    border-bottom: 1px solID #000000;    color: #333333;}.importantColumn {    background-color: #F1F6CF;}.DarkGreyBackround {    background-color: #EEEDED;}.DarkGreyBackround {    background-color: #EEEDED;}</style></head><body><div>        <table  cellpadding="0">        <colgroup>            <col wIDth="250">             <col>                 <col wIDth="180">            <col wIDth="100" >                 <col wIDth="180" >        </colgroup>        <thead>            <tr>                <th >xxxx</th>                <th >xxxx</th>                    <th >xxxxx xxxx</th>                <th >xxxxx xxx  xxx xxxx</th>                    <th >xxxxx xxxxxxxxxxx</th>            </tr>        </thead>                <tbody><tr>                <td  rowspan="3">                            <span >xxxxx xxxxxxxx xxxxxxxx xxx</span>                    </td>                    <td rowspan="3">                        <div >                            aiaa aaaaiaa Aaaaaaaia Paaa -&amp;abap;<br>aaAa aAa PAaa aaaaa Paaa A<br>aa aiaby aaaa,aaaaa aavaaaay aa4a<br>aaaaa aaa aaiaaiaa aaaaaia aaaaiaa aa aaaa aaaaaaaa.<br><br>Paaiaiaa &amp;aap; aaaaaia aaaa aaaaa aiaa a aiaa aiaaaa aaaaaa ia aaa ia aaiaa.<br>aaaaaa aaa aaa aa aiaa aaaaaiaa aa aaaaAaaa aaAaa aaaY &amp;aap; aaaaaia aaaa ia aaa paaiaiaa aaaaiaa aaaaa aaaa aaaa ia aaiaa.<br><br>Paaiaiaa &amp;aap; aaaaaia aaaa aa aaaaiaaa aaaaaa ia aaiaa,aa ia aiaaa aaa,aa ia aaaa aaa aaa aa ia aaaa aaa.<br>aayaaa &amp;aap; aaaa aa - aaaaa aiaa aaiaa aaap aiaaa aaaaaa aaaaa aa aiaaaa aaaa aiaa aaaaa aiaa aaaP aaaaaia aaaaaa aiaa aiaa<br><br>ia aaiaa.<br><br>aaaaa aaa aaa aaaaa ayaaa baya aaa aaaaaia aaaaiaaa.<br><br>aaaa a5 aaiaaiaa baya ia Yaaaaa aaa aaaaaia aaaa aaaaa aaaa aa baya aaaaa aYaaaa aaaa ia Yaaaaa. aaaaa aiaa aaaa.<br><br>*Aaaa aaaa ba aaaAa,aaaAa &nbsp; aaY baaaaa aaaaaaaiaa jab.<br>*Qaaaa aaaaaa aaa aaa aiaa viaia aaay.<br>*Aay aaaiaiaaaa aiaa viaiaa aiaa iaaaa aa aaaaa aaaaaa aa $aaa paa viaia.*Qaaaa aaaaaa aaa aaaaiaa aa aaaaaaa.<br>*Paiaa aaqaiaaa aaaa aaaaa aay aiaa.<br>aiaa aaaaiaa Aaaaaaaia Paaa&amp;abap;<br><br>-aaaaa aaaaaaaa Paaaiaa Aaaa &amp;abap; &amp;abap;aa aiaby aaaa,aaaaa aavaaaay aa4a aaaa aa7 aaiaaiaa baya ia aaiaa. Paaiaiaa aaa aaaa aa aiaabaaa aaaa ia aaaa &nbsp; aaiaa. apaay a4 aaiaaiaa aaaaaaaa aaavaa ia aaaia Yaaaaa. aaaaa aaa aaa aaaaaia aaaaiaaa ia aaaia aaaaa.<br>aiaa aaaaiaa Aaaaaaaia Paaa&amp;abap;<br>-aaAa aAa PAaa aaaaa Paaa a &amp;abap; &amp;abap;<br>aa aiaby aaaa,aaaaa aavaaaay aa4a<br>aaaa a a45 aaiaaiaa baya ia aaiaa.<br>Paaiaiaa aaa aaaa aa aiaabaaa aaaa ia aaaa &nbsp; aaiaa.<br>PaaAaa aaaa aaIa aaaa aaa Iaaaaaa VAa PAaaIaa aAYa Aaaaaa aaaaIaa<br>aaaaa aaa aaa aaaaaia aaaaiaaa ia aaaia aaaaa.<br>                        </div>                    </td>                            <td >                                Rear Car Park                            </td>                            <td >                                <div>                                    <span>xxxxxx                                    </span>                                </div>                            </td>                            <td >                                <span >Datecc ccc ccccccpcrccc ccg ccccccocc cccccrcc-cccccccc ccrcccg ccccrcccc Pocccc Gcccc Rocc,coccc ccvcrccc cccccrocc Ccccoccr Pcrcccg crccccrc ccc cccccccg cccc cc ccccc.Poccccoc ccc ccrc cc cccccccc cogo cc cccc &amp;ccp; ccccc.cprcc cc cccccccg coccrccc ccrvcc cc coccc ccccoc.ccccc occ occ ccccccc ccrcccgc cc coccc ccccc.coc ccccrcpccoc cccccccc cccc Prccc ccoccccc pcr cccccrc ccovc c.cc ccc.cc ccc.ccccccoccc ccc.cccoccc Gcc ccc cc.cccOccc ccc c,ccc.ccccrccccrcc oc Pcccccc crc cc cccc croc ccvoccc cccc.crcc cccc cc Ccccc,CcccR &amp;ccp; cRc cccorc cocccccccg coc.ccocc cccocc cor occ cccc vcccc occc.ccc ccccccoccc cccc vccccc cccc ccccr cc cccrc cccrgc oc cccc pcr vcccc.ccocc cccocc cor corcccg oc ccccccc.Pcccc rccccrcc cocr cocrc crc cccc.</span>                            </td></tr><tr>                            <td >                                Front Customer Car Park                            </td>                            <td >                                <div>                                    <span>xxxxxxxx                                    </span>                                </div>                            </td>                            <td >                                <span >18 Jul 1017bbpbbybb bbg bbb7bbbbb bbbbbbbb-bbbbbbbb bbbbbbg bbbbbbbbb Pbbbb9 Gbbby bbbd,bbbbb Wbvbbbby bbb9Bbbbb bbb bbbbbbbg bbbbbbb bbbbbbg bb Gbbb bbbbbbbb.Pbbbbbbb &nbsp; bbbbbbb bbbb bbbbb bbgb 8 wbbb bbbbbb bbbbbd bb bbb bb Wbbbb.bbbbbb bbw bbb bb bbgb bbbbbbbb bb bbbbbbbb bbbbb bbbY &amp;bbp; bbbbbbb bbbb bb bbb pbbbbbbb bbbbbdb bbbbb gbbb bbbb bb Wbbbb.Pbbbbbbb &nbsp; bbbbbbb bbbb bb bbbbbgbb bbbbwb bb Wbbbb,bb bb bbbbb bbw,bb bb bbbb bbw bbd bb bb bbbb bbw.bbybbb &nbsp; bbbb bb - bbbbb wbdb Wbbbb bbbp bbbbb bbbbbb bbbbb bb bbddbb bbwb wbbb bbbbb bbgb bbbP bbbbbbb bbbbbd wbbb bbbbbb Wbbbb.Bbbbb bbb bbd bbbbb bybbb bbyb bbd bbbbbbb bbbbbbgb.bbbb bb bbbbbbbg bbyb bb Ybbbbw bbd bbbbbbb bbbb bbbbb bdgb bb bbyb bbbbb bYbbbb bbbb bb Ybbbbw. bbbbb bbgb bbbb.Jbb Dbbbbbpbbbb bbbbbbby bbbb Pbbbb bbbbbbbb pbb bbbbbby bbbvb b.bb b,bbb.bb b,bbb.bbbbbbbbbb b,bbb.bbbbbbb Gbb bb% bbb.bbbbbbb bbD b,bb8.bbbbbbbbbbbb bb Pbybbbb bbb bb dbyb bbbb bbvbbbb dbbb.bbbb bbbb bb bbbbb,bbbbb &nbsp; DbY bbbbbb bbbbbbbbbg jbb.bbbbb bbbbwb bbb bbb bbbb vbbbb bbby.bby bddbbbbbbb bbbb vbbbbb wbbb bbbbb bb bbbbb bbbbgb bb $b8b pbb vbbbb.bbbbb bbbbwb bbb wbbbbbg bb wbbbbbd.Pbbbb bbbbbbbb bbbb bbbbb dby bbbb.</span>                            </td></tr>                    </tbody></table></div></body></HTML>
解决方法 啊哈.将span.Pdfcomment更改为使用’display:block’而不是’inline-block’ 总结

以上是内存溢出为你收集整理的html – firefox打印多页rowspan全部内容,希望文章能够帮你解决html – firefox打印多页rowspan所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/1053434.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存