国产美女主播精品大秀系列,国产丝袜福利,天堂岛最新在线免费看电影

Lodop打印控件WEB頁(yè)面line-height超出隱藏顯示的行數(shù)和垂直居中

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年9月28日 1:32 本文熱度 590

line-height是css樣式里設(shè)置行高的方法，在div中有overflow:hidden，可以隱藏超出div的內(nèi)容，配合行高和div的高，可以設(shè)置該div里可以顯示幾行內(nèi)容，div可以容納幾個(gè)行高就顯示幾行，
如下面的代碼和圖示測(cè)試的，在div設(shè)置了超出隱藏樣式后：div是40px，設(shè)置行高為20px，div高度可以容納兩個(gè)行高，就會(huì)顯示兩行。行高為10px，div可以容納四個(gè)行，就會(huì)會(huì)顯示四行。

行高還可以讓一行文字在div中垂直居中，如下代碼和圖示，行高上上下的，在該div中文字距離div上下的距離是相等的。

之前的超出后隱藏的css樣式overflow:hidden相關(guān)博文：LODOP打印超過(guò)后隱藏內(nèi)容樣式、

此外，注意：
1.行高要是文字大小的倍數(shù)
文字本身的大小，行高不是文字大小的倍數(shù)，會(huì)出現(xiàn)切割文字的現(xiàn)象，div超出隱藏，會(huì)把文字的部分隱藏掉，看起來(lái)就像是文字被切割了，這種不是超文本沒加載完引起的，還是樣式本身導(dǎo)致的文字顯示不全，這里div用了背景色，如果是默認(rèn)的白色，會(huì)看起來(lái)像是文字沒顯示全。

2.行高必須大于等于文字大小
行高小于文字大小，文字會(huì)重疊，行高也是多行文字的行間距，如果行間距比文字還小，自然會(huì)重疊起來(lái)，造成文字重疊現(xiàn)象。

測(cè)試代碼：

<div id="d1" style="float:left;">
<div style="width:135px;height:40px;overflow:hidden;line-height:20px;font-size:10px;background-color:#265d19;color:white;">    
Lodop(標(biāo)音:勞道譜,俗稱:露肚皮)是專業(yè)WEB控件,用它既可裁剪輸出頁(yè)面內(nèi)容，又可用程序代碼直接實(shí)現(xiàn)復(fù)雜打印。控件功能強(qiáng)大,卻簡(jiǎn)單易用,所有調(diào)用如同Javascript擴(kuò)展語(yǔ)句,主要接口函數(shù)如下：</div><!--div的hegiht除以line-height，就是顯示的行數(shù)，40/20=2行-->
<div style="width:135px;height:40px;overflow:hidden;line-height:10px;font-size:10px;background-color:#e88383;color:white;">    
Lodop(標(biāo)音:勞道譜,俗稱:露肚皮)是專業(yè)WEB控件,用它既可裁剪輸出頁(yè)面內(nèi)容，又可用程序代碼直接實(shí)現(xiàn)復(fù)雜打印。控件功能強(qiáng)大,卻簡(jiǎn)單易用,所有調(diào)用如同Javascript擴(kuò)展語(yǔ)句,主要接口函數(shù)如下：</div><!--div的hegiht除以line-height，就是顯示的行數(shù)，40/10=4行-->
</div>

<div id="d2" style="float:left;">
<div style="margin-left:10px;width:135px;height:40px;overflow:hidden;line-height:40px;font-size:10px;background-color:#7edce4;color:white;">Lodop(標(biāo)音:勞道譜,俗稱:露肚皮)是專業(yè)WEB控件,用它既可裁剪輸出頁(yè)面內(nèi)容，又可用程序代碼直接實(shí)現(xiàn)復(fù)雜打印。控件功能強(qiáng)大,卻簡(jiǎn)單易用,所有調(diào)用如同Javascript擴(kuò)展語(yǔ)句,主要接口函數(shù)如下：</div><!--div的hegiht除以line-height，就是顯示的行數(shù)，40/40=1行,該行在div中垂直居中-->
<div  style="margin-left:10px;width:135px;height:32px;overflow:hidden;line-height:21px;font-size:16px;background-color:#d4e680;">高版本的火狐谷歌不再支持np插件，需要使用c-lodop，可參考官網(wǎng)樣例混合部署Lodop控件升級(jí)到C-Lodop云打印</div><!--line-height不是font-size的倍數(shù)，切文字-->
</div>

<!--line-height小于font-size，行高小于字體大小 -->
<div style="clear:both;margin-top:90px;line-height:10px;font-size:40px;background-color:#7edce4;color:white;">Lodop(標(biāo)音:勞道譜,俗稱:露肚皮)是專業(yè)WEB控件,用它既可裁剪輸出頁(yè)面內(nèi)容，又可用程序代碼直接實(shí)現(xiàn)復(fù)雜打印。控件功能強(qiáng)大,卻簡(jiǎn)單易用,所有調(diào)用如同Javascript擴(kuò)展語(yǔ)句,主要接口函數(shù)如下：</div>

圖示：

div的hegiht除以line-height，就是顯示的行數(shù)
div的hegiht=line-height,就是一行在div中垂直居中
line-height不是font-size的倍數(shù)，切文字
line-height小于font-size，文字重疊

該文章在 2023/9/28 1:32:05 編輯過(guò)

點(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)、車隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷售管理,采購(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)。

_{<label id="tm8zs"></label>}

_{}

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

Lodop打印控件WEB頁(yè)面line-height超出隱藏顯示的行數(shù)和垂直居中