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

开发中遇到的问题,以及笔记相关推荐

iOS开发中视图相关的小笔记:push、modal、popover、replace、custom
在storyboard中,segue有几种不同的类型,在iphone和ipad的开发中,segue的类型是不同的. 在iphone中,segue有:push,modal,和custom三种不同的类型, ...
C#开发笔记，点点细微，处处真情，记录开发中的痛点
该文章的最新版本已迁移至个人博客[比特飞],单击链接 C#开发笔记,点点细微,处处真情,记录开发中的痛点 | .Net中文网访问. 概述本系列文章将会向大家介绍本人实际开发过程中所遇到技术点和心得 ...
【嵌入式笔记】简要谈一谈嵌入式开发中重写printf的几种方法
文章目录抛砖引玉 1 宏定义替换 2 直接重写printf函数的实现 3 重写fputc/putchar接口 4 仿照POSIX的实现,从文件描述符0/1/2上面做文章总结更多分享摘要简单总 ...
【笔记-node】《imooc-nodejs入门到企业web开发中的应用》
目录课程名备注入门必学 nodejs入门到企业web开发中的应用框架与工具 node.js+koa2+mysql打造前后端分离精品项目<旧岛> 项目实战 20190317-2020 ...
十项观察！药物开发中的AI现状
今年十月底在哈弗医学院由Corey Lane Partners,LLC创办的BioPharma AI应用峰会已经圆满落幕.这次峰会堪称是人工智能和生命科学相交的一个显型快照.本文我们将总结一下这次峰会 ...
[原]《Web前端开发修炼之道》-读书笔记CSS部分
如何组织CSS-分层应用 css 的能力分两部分:一部分是css的API,重点是如何用css控制页面内元素的样式:另一部分是css框架,重点是如何对 css 进行组织.如何组织 css 可以有多种角 ...
学习android开发中遇到的一些小问题
菜鸟的学习笔记: (好多时候想着记录一下自己花了好长时间解决的问题,但是一直没有行动,某一天觉得记录这种事情还是有意义的,虽然中间的记录断断续续,也有时候忘记了记录,觉得记录一下也是自己的积累.) 1 ...
编写高质量代码:改善Java程序的151个建议(第1章:JAVA开发中通用的方法和准则___建议1~5)...
The reasonable man adapts himself to the world; The unreasonable one persists in trying ...
《Node.js开发实战详解》学习笔记
<Node.js开发实战详解>学习笔记 --持续更新中一.NodeJS设计模式 1 . 单例模式顾名思义,单例就是保证一个类只有一个实例,实现的方法是,先判断实例是否存在,如果存在则直 ...

开发中遇到的问题,以及笔记

CSS实现单行、多行文本溢出显示省略号（…）

forEach,for in , for of

开发中遇到的问题,以及笔记相关推荐

最新文章

热门文章