Lodop控件在WEB页面打印时超文本css样式换行控制
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
之前有关于LODOP中纯文本换行的相关博文:Lodop纯文本英文-等符号自动换行问题 在div中,即使设置div的宽度,由于样式原因,也可能会超出,甚至超出自己想要的打印区域,也可能造成打印不全。 第一个div:只加了宽度和背景色(word-break和word-wrap默认值 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> 图示:由于只设置了宽度,内容是否换行,也会导致行数的差异,导致div的高度不同。PS:那个用图片平铺的只是中间,上下边框的条状图都是10px。
注意lodop不输出css背景图,可以输出背景色,所以那个图片平铺的会失去背景图(相关博文:Lodop打印控件不打印css背景图怎么办)。 这是某版本的qq浏览器和火狐浏览器测试的,qq浏览器的极速模式和兼容模式内核不同,lodop中效果类似兼容模式。 该文章在 2023/9/28 1:51:03 编辑过 |
关键字查询
相关文章
正在查询... |