国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 欧美成人综合在线 | 国产精品秒播无毒不卡 | 草草视频免费在线观看 | 欧美久久久久 | 亚洲国产精品免费在线观看 | 成年人在线视频免费观看 | 成人在线观看不卡 | 鸥美性生交xxxxx久久久 | 日韩精品在线观看免费 | 日韩黄色一级片 | 国产午夜a理论毛片在线影院 | 国内精品九一在线播放 | 日韩精品在线一区 | 精品一区二区三区中文字幕 | 国产色爽女小说免费看 | 日韩a一级欧美一级在线播放 | 女人抠逼视频 | 国产一区二区精品在线观看 | 9l国产精品久久久久麻豆 | 亚州精品一区二区三区 | 日本欧美一区二区三区高清 | 一级做a免费视频观看网站 一级做a爰 | 精品国产美女福到在线不卡f | 日本一区二区三区在线 视频 | 成年女人毛片免费视频永久vip | 亚洲欧美高清视频 | 黑人一级黄色片 | 成人免费观看高清在线毛片 | 玖草在线视频 | 欧日韩美香蕉在线观看 | 97久久国语露脸精品对白 | 国产在线精品一区二区夜色 | 国产精品久久久久久久久久久不卡 | 国产在线观看免费视频软件 | 毛片观看网站 | 亚洲综合色一区二区三区小说 | 中文字幕在线看视频一区二区三区 | 真人一级毛片免费观看视频 | 国产成人综合怡春院精品 | 国产主播第一页 | 欧美在线一区二区三区 |