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

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)系我們刪除
主站蜘蛛池模板: 午夜国产小视频 | 国产在线的 | 欧美影视三级亚洲 | 国产精品三 | 国产亚洲欧 | 无码aⅴ精品一区二区三区 无码aⅴ在线观看 | 青青爽在线视频精品 | 91啦国产| 国产区免 | 91深夜视频 | 黑人在日 | 国产欧洲野花a级 | 三级在线播放 | 国产精品看 | 国产精品偷伦视频免 | 日本精品久| 96国产| 国产精品欧美日 | 国产不卡一区 | 日韩一级一区二区不 | 日韩伦伦午夜 | 韩国美女| 人人影视网 | 国产绿帽视频网站 | 国产精品二区亚洲 | 国产va免费影院 | 国产资源免费观看 | 国产秘精品入口欧 | 日本中文在 | 乱码女一区二区三区 | 亚洲无码久久影视 | 福利在线视频导航 | 黑人狂躁日 | 精品国产人成亚洲区 | 国产精品自在线 | 国产精品成熟 | 91九色国产在线 | 日韩欧美一区二 | 国产精品1234 | 国产免费久 | 91自拍偷拍视频 |