在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue在后端獲取到了數(shù)據(jù)，如何設(shè)置超出部分隱藏并用省略號(hào)？

vue在后端獲取到了數(shù)據(jù)，如何設(shè)置超出部分隱藏并用省略號(hào)？

我在獲取到了后端文字，想往常一樣設(shè)置了css圖片描述

html圖片描述

但是實(shí)際效果圖片描述
我又嘗試了把文字內(nèi)容寫死，就有效果了，但是這是數(shù)據(jù)交互，又不能寫死，想問下，這種情況下，如何設(shè)置其超出部分隱藏并用省略號(hào)來表示？

回答
編輯回答
貓小柒

為什么又寫雙花括號(hào)又寫v-html?

2017年12月1日 09:58
編輯回答
筱饞貓

可以做個(gè)hack處理，先隱藏，再添加省略號(hào)
#news_content p{

font-size: .16rem;
font-weight: 200;
line-height:.35rem;
height: .7rem;
overflow: hidden;
cursor: pointer;
padding-right: 20px;
position: relative;

}
#news_content p:after{

content:"...";
position: absolute;
right: 16px;
bottom: 0;

}

2017年6月16日 21:44
編輯回答
舊酒館
text-overflow: ellipsis;

詳見文檔

2017年5月16日 03:44
編輯回答
詆毀你
white-space: nowrap; 
text-overflow: ellipsis;
overflow: hidden;
width: 100px;//要有固定寬
2017年2月23日 00:54