狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

LOGO OA教程 ERP教程 模切知識(shí)交流 PMS教程 CRM教程 開(kāi)發(fā)文檔 其他文檔  
 
網(wǎng)站管理員

Lodop控件在WEB頁(yè)面打印時(shí)超文本css樣式換行控制

admin
2023年9月28日 1:51 本文熱度 841

之前有關(guān)于LODOP中純文本換行的相關(guān)博文:Lodop純文本英文-等符號(hào)自動(dòng)換行問(wèn)題
純文本的遇到不拆分的單詞的時(shí)候,可以通過(guò)LODOP 語(yǔ)句設(shè)置允許標(biāo)點(diǎn)溢出,且英文單詞拆開(kāi)。
超文本需要通過(guò)css樣式控制,相關(guān)博文:Lodop打印控件傳入css樣式、看是否傳入正確樣式
Lodop是基于本機(jī)windows底層引擎進(jìn)行渲染解析的,與ie調(diào)用的引擎一致,注意調(diào)用的css樣式是否支持問(wèn)題,通過(guò)調(diào)試樣式,更換樣式等,達(dá)到需要的效果。
關(guān)于table中不換行隱藏等相關(guān)博文:LODOP表格table簡(jiǎn)短問(wèn)答及相關(guān)博文

在div中,即使設(shè)置div的寬度,由于樣式原因,也可能會(huì)超出,甚至超出自己想要的打印區(qū)域,也可能造成打印不全。
有背景色會(huì)更加清楚,這里給div加了背景色,只設(shè)置了寬度,高度按照內(nèi)容自適應(yīng)。
最后是是三個(gè)div,div加的是背景圖,中間的div是是條狀平鋪,實(shí)現(xiàn)高度按照內(nèi)容。

第一個(gè)div:只加了寬度和背景色(word-break和word-wrap默認(rèn)值 normal)
第二個(gè)div:加了word-break:break-all;
第三個(gè)div:加了word-wrap:break-word;
第四個(gè)區(qū)域(三個(gè)div):中間的div加了加了word-break:break-all;(另外div兩個(gè)是上邊的圖片,和下邊的圖片高度都是10px)

代碼:

<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)容是否換行,也會(huì)導(dǎo)致行數(shù)的差異,導(dǎo)致div的高度不同。PS:那個(gè)用圖片平鋪的只是中間,上下邊框的條狀圖都是10px。

 

注意lodop不輸出css背景圖,可以輸出背景色,所以那個(gè)圖片平鋪的會(huì)失去背景圖(相關(guān)博文:Lodop打印控件不打印css背景圖怎么辦)。
注意Lodop是基于本機(jī)windows底層引擎進(jìn)行渲染解析的,與ie調(diào)用的引擎一致,所以如果用lodop打印,注意css樣式解析的不同,在ie下查看效果。
例如,同樣的代碼,在qq瀏覽器極速模式和兼容模式下的效果是不同的:

這是某版本的qq瀏覽器和火狐瀏覽器測(cè)試的,qq瀏覽器的極速模式和兼容模式內(nèi)核不同,lodop中效果類似兼容模式。
火狐瀏覽器的樣式和qq瀏覽器的極速模式相似,但是大概是瀏覽器默認(rèn)字體大小有差異,導(dǎo)致了字體和換行都有差異,所以顯示出了三種效果。三種效果我分別用三種色塊區(qū)域劃分出來(lái)。



該文章在 2023/9/28 1:51:03 編輯過(guò)
關(guān)鍵字查詢
相關(guān)文章
正在查詢...
點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。
點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理,結(jié)合碼頭的業(yè)務(wù)特點(diǎn),圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體,是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。
點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。
點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi),不限功能、不限時(shí)間、不限用戶的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。
Copyright 2010-2025 ClickSun All Rights Reserved