Lodop打印html數(shù)字間隔不一致
當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
在font-size屬性控制數(shù)字大小的時(shí)候，可能會(huì)出現(xiàn)數(shù)字間隔有問題，間隔不一致，可嘗試用其他字體大小試試，一般字體越小，越可能出現(xiàn)問題。 如圖，前兩個(gè)打印項(xiàng)都是form1,樣式一個(gè)是style1,一個(gè)是syle2。而style1和style2的區(qū)別就是字體大小，一個(gè)是9px，一個(gè)是14px。 可嘗試的解決方法： 測(cè)試代碼： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>WEB打印控件LODOP</title> <script language="javascript" src="LodopFuncs.js"></script> <style id="style1"> table,td,th {border-width:1px;border-style:solid;border-color:#cccccc;border-collapse:collapse;font-size:9px;}</style> <style id="style2"> table,td,th {border-width:1px;border-style:solid;border-color:#cccccc;border-collapse:collapse;font-size:14px;}</style> </head> <body> <form id="form1"> <table style="width:700px;font-family:'宋體';"> <tr> <td style="text-align: center;">1</td> <td>1130005205000177</td> </tr> </table> </form> <form id="form2"> <table> <tr style="font-size:9px;"> <td>1</td> <td>1130005205000177</td> </tr> </table> <span style="font-size:9px;">1130005205000177</span> <span style="font-size:7pt;">1130005205000177</span> 1130005205000177 <span style="font-size:3px;">1130005205000177</span> </form> <a href="javascript:prn1_preview()">打印預(yù)覽</a><br> <script language="javascript" type="text/javascript"> var LODOP; //聲明為全局變量 function prn1_preview() { LODOP=getLodop(); LODOP.PRINT_INIT(""); var strBodyStyle1="<style>"+document.getElementById("style1").innerHTML+"</style>"; var strBodyStyle2="<style>"+document.getElementById("style2").innerHTML+"</style>"; var strFormHtml1=strBodyStyle1+"<body>"+document.getElementById("form1").innerHTML+"</body>"; var strFormHtml2=strBodyStyle2+"<body>"+document.getElementById("form1").innerHTML+"</body>"; LODOP.ADD_PRINT_HTM(10,10,350,60,strFormHtml1); LODOP.ADD_PRINT_HTM(80,10,350,60,strFormHtml2); LODOP.ADD_PRINT_HTM(150,10,350,60,document.getElementById("form2").innerHTML); LODOP.ADD_PRINT_HTM(210,10,"100%","100%",document.documentElement.innerHTML); LODOP.PRINT_DESIGN(); //LODOP.PREVIEW(); }; </script> </body> 圖示：
該文章在 2023/9/27 0:01:59 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
400 186 1886
