国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

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

怎么用css截取字符?

瀏覽:143日期: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
相關文章:
主站蜘蛛池模板: 玛纳斯县| 新和县| 家居| 灵丘县| 灵台县| 雷州市| 宁海县| 乾安县| 阳信县| 武义县| 株洲县| 柳江县| 宣汉县| 襄樊市| 罗山县| 武义县| 伊金霍洛旗| 江阴市| 本溪市| 扎赉特旗| 沐川县| 宝兴县| 阿荣旗| 竹山县| 涿州市| 赤壁市| 沙田区| 萍乡市| 蓝田县| 宣威市| 峨边| 梁山县| 蒙山县| 南京市| 江源县| 碌曲县| 泰兴市| 静海县| 汤原县| 恭城| 团风县|