国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

怎么用css截取字符?

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

問題描述

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

標簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 欧美日韩一区二区在线观看视频 | 69成人做爰视频在线观看 | 成人午夜视频在线观 | 九色97| 制服诱惑中文字幕 | 澳门毛片免费观看 | 日本一级aaaa特黄毛片 | 天天夜天干天天爽 | a级国产乱理伦片在线观看国 | 欧美白人和黑人xxxx猛交视频 | 在线高清免费爱做网 | 91精品国产91久久久久久青草 | 欧美成人亚洲综合精品欧美激情 | 一级片爱爱 | 欧美一级视 | 亚洲人成一区二区三区 | 久久九九久精品国产 | 亚洲成人中文字幕 | 一级毛片aaaaaa免费看 | 欧美一区二三区 | 亚洲人成综合 | 亚洲在线精品 | 久青草国产手机在线观 | 三级全黄的全黄三级三级播放 | 在线亚洲精品自拍 | 在线a人片免费观看国产 | 久久久99精品免费观看精品 | 亚洲天堂黄 | 亚洲国产欧美一区二区欧美 | 国内精品国语自产拍在线观看55 | 国产片一级 | 日韩精品永久免费播放平台 | 久久久视| 不卡午夜 | 足恋玩丝袜脚视频免费网站 | 久久亚洲欧洲日产国码 | 一个色综合久久 | 日本a级在线 | 91亚洲精品国产第一区 | 在线 | 一区二区三区四区 | 97视频在线看 |