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

鍍金池/ 問答/HTML5  HTML/ 怎么解決文字在容器中限制行數(shù)及限制字數(shù)

怎么解決文字在容器中限制行數(shù)及限制字數(shù)

直接上圖吧，下圖是我想要達成的效果，可以限制文字簡介為2行，同時第二行不會占滿一整行，能夠讓更多顯示在第二行
clipboard.png
這是我現(xiàn)在達成的效果。。。
clipboard.png
求教SF的各位大佬！

回答
編輯回答
爛人

兩個思路哈
1.簡單理解 如果你容器寬度固定，字號固定，你就算一個合適的字數(shù) 然后處理一下字符串就好
2.就像樓上大神說的加一個遮罩層，你說看不到省略號 你把省略號直接放到遮罩層上不就可以啦
總之我看還是需要截取字符串的

2017年1月5日 18:35
編輯回答
柚稚

第一種方案：直接截字，后端處理前端處理都可以，這要保證你的寬度是固定的
第二種方案：將“...更多”絕對定位放在右小腳,用相同的背景色壓在上面，缺點是會出現(xiàn)半個字的情況。
第三種方案：如果都是 webkit 端，可以考慮
`
.box {

width: 400px; 
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;

}
`

2017年3月23日 07:33