Lodop控件在WEB頁面打印時超文本css樣式換行控制
當(dāng)前位置:點晴教程→知識管理交流
→『 技術(shù)文檔交流 』
之前有關(guān)于LODOP中純文本換行的相關(guān)博文:Lodop純文本英文-等符號自動換行問題 在div中,即使設(shè)置div的寬度,由于樣式原因,也可能會超出,甚至超出自己想要的打印區(qū)域,也可能造成打印不全。 第一個div:只加了寬度和背景色(word-break和word-wrap默認(rèn)值 normal) 代碼: <div id="d1"> <div style="width:100px;background-color:#00ff00;">盡量使用最新版Lodop和c-lodop。http://www.c-lodop.com/download.html最新版下載地址 </div><br> <div style="width:100px;background-color:#db7d7d;word-break:break-all;">盡量使用最新版Lodop和c-lodop。http://www.c-lodop.com/download.html最新版下載地址 </div><br> <div style="width:100px;background-color:#45e3d2;word-wrap:break-word;">盡量使用最新版Lodop和c-lodop。http://www.c-lodop.com/download.html最新版下載地址 </div><br> <div style="background-image:url(images/top1.jpg);height:10px;margin-left:0px;width:100px;clear:both;"></div> <div style="background-image:url(images/mid.jpg);margin-left:0px;width:100px;word-break:break-all;">盡量使用最新版Lodop和c-lodop。http://www.c-lodop.com/download.html最新版下載地址</div> <div style="background-image:url(images/bot.jpg);height:10px;margin-left:0px;width:100px;"></div> <br> </div> 圖示:由于只設(shè)置了寬度,內(nèi)容是否換行,也會導(dǎo)致行數(shù)的差異,導(dǎo)致div的高度不同。PS:那個用圖片平鋪的只是中間,上下邊框的條狀圖都是10px。
注意lodop不輸出css背景圖,可以輸出背景色,所以那個圖片平鋪的會失去背景圖(相關(guān)博文:Lodop打印控件不打印css背景圖怎么辦)。 這是某版本的qq瀏覽器和火狐瀏覽器測試的,qq瀏覽器的極速模式和兼容模式內(nèi)核不同,lodop中效果類似兼容模式。 該文章在 2023/9/28 1:51:03 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |