久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

怎么用css截取字符?

瀏覽:142日期:2023-02-03 17:10:38

問題描述

怎么用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的最佳場所不是文章的行文,而是用以單行顯示的標題或摘要的列表。

標簽: CSS
相關文章:
主站蜘蛛池模板: 腾冲县| 金山区| 新兴县| 新密市| 万安县| 洛南县| 拉萨市| 柘城县| 尖扎县| 新兴县| 宁德市| 柏乡县| 天全县| 息烽县| 衡山县| 郴州市| 乐至县| 呼伦贝尔市| 黄梅县| 林西县| 新绛县| 博湖县| 康马县| 新邵县| 安平县| 金溪县| 兴安县| 历史| 武威市| 红桥区| 新宁县| 峡江县| 孝昌县| 盐源县| 万年县| 彰武县| 菏泽市| 称多县| 西吉县| 定陶县| 广东省|