CSS實現單行、多行文本溢出顯示省略號（…）

如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來，當然還需要加寬度width屬來兼容部分瀏覽。

?

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

多行文本溢出顯示省略號，如下:

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

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

forEach,for in , for of

for in是ES5標準，遍歷key.?
for of是ES6標準，遍歷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() 方法用于調用數組的每個元素，并將元素傳遞給回調函數。

注意:?forEach() 對于空數組是不會執行回調函數的。

轉載于:https://www.cnblogs.com/szl6/p/10252215.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。