国产欧美乱伦中文-国产欧美日-国产欧美日本不卡-国产欧美日本精品-国产欧美日本亚-国产欧美日本亚洲

SEARCH

css讓文字在一行及多行顯示,文本超出溢出顯示省略號替代

2022-03-25 09:23:52 內(nèi)容聲明:以下內(nèi)容僅供參考,我司未對內(nèi)容做真實性核驗,請用戶注意分辨!如有任何違法/侵權(quán)信息,請立即聯(lián)系我們刪除

1. 例如 p元素,里面的文字不換行,超出部分用省略號代替

p{
width:100%;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

2. 多行文本顯示省略號,省略號在斷尾

p{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
width: 100%;
}

因使用了WebKit的CSS擴(kuò)展屬性,該方法適用于WebKit瀏覽器及移動端; 


注:   

-webkit-line-clamp用來限制在一個塊元素顯示的文本的行數(shù)。 為了實現(xiàn)該效果,它需要組合其他的WebKit屬性。   


常見結(jié)合屬性:   

display: -webkit-box; 必須結(jié)合的屬性 ,將對象作為彈性伸縮盒子模型顯示 。   

-webkit-box-orient 必須結(jié)合的屬性 ,設(shè)置或檢索伸縮盒對象的子元素的排列方式 。

丨夸米科技

咨詢直線:186-2370-8562  官方網(wǎng)站:www.iraundi.cn

?

*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。

LOGO

地址

開封市示范區(qū)金泰云都會2號樓23層

開封市示范區(qū)集英街東呂莊5棟

聯(lián)系

17260717688
[email?protected]
重慶夸米網(wǎng)絡(luò)科技有限公司 版權(quán)所有 盜版必究 備案號:渝ICP備16002041號-2 內(nèi)容聲明:網(wǎng)站內(nèi)容中非對我司進(jìn)行介紹(包括但不限于案例、資訊)的描述內(nèi)容僅供參考,如用戶發(fā)現(xiàn)有任何違法/侵權(quán)信息,請立即聯(lián)系我們刪除
主站蜘蛛池模板: 最新热门电视剧 | 福利导航站 | 中文字幕制 | 日本在线播放观看 | 精品在线免费播放 | 国产红亚洲视频日韩 | 国产精品午夜福利 | 99热精品在线 | 国产wwwwwww | 国产亚洲自拍一区 | 欧美午夜理伦三级 | 最新国产精品拍自在线播放 | 日韩午夜剧场人畜 | 国产在线精彩视频 | 国产精品三三级在线 | 91香蕉网站在线 | 日本熟女多毛性爱 | 福利导航99 | 国产路线1国产 | 无码潮喷a片无码高潮快三 无码潮喷中文 | 日韩乱妇乱女 | 国产福利在线永久 | 国内国外精品一区二 | 国产丝瓜 | 国产区福利导航 | 国产精品区二 | 国产初次视频观看 | 国产最新进 | 91午夜福利在线 | 91国自啪| 日韩手机专区 | 成人自拍视频在 | 97中文字幕在线 | 成人观看在线一区 | 三级高清精品国产 | 国产熟女精品专区 | 精品免费 | 日本视频 | 国产成a人亚洲精v | 91免费精品视频 | 国产片人综合亚洲区 |