內(nèi)容超出指定行數(shù)用省略號表示，用js怎么寫
哎呦不錯哦JXL
2016-04-01 13:57:26
2 回答
woshiajuana
TA貢獻(xiàn)211條經(jīng)驗 獲得超152個贊
這個的話需要算出指定一行所占用的字?jǐn)?shù)，然后js用substring()方法截取即可，記得省略號需要占用一定的空間，所以你用一行算出的字?jǐn)?shù)乘以你要顯示的行數(shù)還要減去省略號的長度，用js截取后記得加上省略號
其實可以用CSS控制，
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;????????????//(你想顯示的行數(shù))
-webkit-box-orient: vertical;
（使用CSS控制需要考慮到兼容性，你放字的元素需要設(shè)定高度，然后還需要給一個行高，且行高要等于元素的高度除以你想顯示的行數(shù)即可）
-
哎呦不錯哦JXL如果這些文字里有英文有中文怎么辦？用js怎么控制？ -
woshiajuana一般遇到這種情況都是選用CSS處理，如果一定要JS的話，就英文當(dāng)成中文算，如果非得做得十分精準(zhǔn)，那就需要先查找一下字符串里面的英文字母個數(shù)或者用正則表達(dá)式查找英文個數(shù)，再進(jìn)行相應(yīng)的處理
-
哎呦不錯哦JXL怎么查找英文字母的個數(shù),把英文當(dāng)成中文?
點擊展開后面2條
woshiajuana
TA貢獻(xiàn)211條經(jīng)驗 獲得超152個贊
function getLength(str)?
{
? ? ? if(/[a-zA-Z]/.test(str)){?
? ? ? ? return str.match(/[a-z]/ig).length;
? ? ? }?
? ? ? return 0;?
}?
//示例?
getLength('123dasdda');?
幫你重新排版，底下二層回復(fù)排版無效···坑
添加回答
舉報
0/150
提交
取消