怎么用css截取字符?
問題描述
怎么用css截取字符?
問題解答
回答1:怎么用css截取字符?-PHP中文網問答-怎么用css截取字符?-PHP中文網問答
圍觀一下哦,學習一下。
回答2:方法一:
<p style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意長度的字符串 </p>
說明:優點是內容可以為任何HTML元素,包括超鏈接和圖片等,在IE6中還會在結尾自動顯示省略號。缺點是必須指定寬度數值,并且寬度不能是百分數,否則在IE中會被認為是字符總長的百分比。
方法二:
<input type="text" style="width:100%; cursor:default; border-width:0; border-style:none; background-color:transparent;" value="任意長度的字符串" readonly/>
說明:優點是寬度可以設為百分數。但缺點是內容只能為純文本,不能有超鏈接等內容。
CSS是實現文字自動截斷,代碼如下:
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的最佳場所不是文章的行文,而是用以單行顯示的標題或摘要的列表。
相關文章:
1. javascript - 有什么比較好的網頁版shell前端組件?2. sql語句 - mysql中關聯表查詢問題3. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?4. css - div外層有一圈白色5. javascript - [js]為什么畫布里不出現圖片呢?在線等6. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。7. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變8. html - vue項目中用到了elementUI問題9. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?10. javascript - 求解答:實例對象調用constructor,此時constructor內的this的指向?
