怎么用css截取字符?
問題描述
怎么用css截取字符?
問題解答
回答1:怎么用css截取字符?-PHP中文網(wǎng)問答-怎么用css截取字符?-PHP中文網(wǎng)問答
圍觀一下哦,學(xué)習(xí)一下。
回答2:方法一:
<p style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意長度的字符串 </p>
說明:優(yōu)點是內(nèi)容可以為任何HTML元素,包括超鏈接和圖片等,在IE6中還會在結(jié)尾自動顯示省略號。缺點是必須指定寬度數(shù)值,并且寬度不能是百分數(shù),否則在IE中會被認為是字符總長的百分比。
方法二:
<input type="text" style="width:100%; cursor:default; border-width:0; border-style:none; background-color:transparent;" value="任意長度的字符串" readonly/>
說明:優(yōu)點是寬度可以設(shè)為百分數(shù)。但缺點是內(nèi)容只能為純文本,不能有超鏈接等內(nèi)容。
CSS是實現(xiàn)文字自動截斷,代碼如下:
p.test{ width:200px; height:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/}
用text-overflow的最佳場所不是文章的行文,而是用以單行顯示的標題或摘要的列表。
相關(guān)文章:
1. angular.js - angular內(nèi)容過長展開收起效果2. 關(guān)于nginx location配置的問題,root到底是什么3. angular.js - angularjs的自定義過濾器如何給文字加顏色?4. docker鏡像push報錯5. 關(guān)于docker下的nginx壓力測試6. 大家好,請問在python腳本中怎么用virtualenv激活指定的環(huán)境?7. 并發(fā)模型 - python將進程池放在裝飾器里為什么不生效也沒報錯8. python的前景到底有大?如果不考慮數(shù)據(jù)挖掘,機器學(xué)習(xí)這塊?9. python 怎樣用pickle保存類的實例?10. python2安裝失敗
