CSS實(shí)現(xiàn)單行、多行文本溢出顯示省略號(hào)（…）

如果實(shí)現(xiàn)單行文本的溢出顯示省略號(hào)同學(xué)們應(yīng)該都知道用text-overflow:ellipsis屬性來，當(dāng)然還需要加寬度width屬來兼容部分瀏覽。

?

overflow:?hidden; text-overflow:ellipsis; white-space:?nowrap;

多行文本溢出顯示省略號(hào)，如下:

display:?-webkit-box; -webkit-box-orient:?vertical; -webkit-line-clamp:?3; overflow:?hidden;

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

forEach,for in , for of

for in是ES5標(biāo)準(zhǔn)，遍歷key.?
for of是ES6標(biāo)準(zhǔn)，遍歷value.

let arr = [1,2,3,4,5]; let obj = {a:'1',b:'2',c:'3'}; for(let key in arr){ console.log(key); // 0 1 2 3 4 } for(let value of arr){ console.log(value); // 1 2 3 4 5 } -------------------------------- for(let key in obj){ console.log(key); // a b c } for(let value of obj){ console.log(value); // [object Object] is not iterable! }

-------------------------------

forEach() 方法用于調(diào)用數(shù)組的每個(gè)元素，并將元素傳遞給回調(diào)函數(shù)。

注意:?forEach() 對于空數(shù)組是不會(huì)執(zhí)行回調(diào)函數(shù)的。

轉(zhuǎn)載于:https://www.cnblogs.com/szl6/p/10252215.html

總結(jié)

以上是生活随笔為你收集整理的开发中遇到的问题,以及笔记的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。