吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽,超大孕妇零食CSSspan{ height: 40px; line-height: 20px; width: 300px; display: -web" />
当前位置:首页 > 日记 > 正文

web前端超出两行用省略号表示的实现方法

web前端超出两行用省略号表示的实现方法

web前端超出两行用省略号表示的实现方法

HTML

<span class="GW_bod0112211"> 吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽吐鲁番特级无炳黑加仑葡萄干500g包邮无籽,超大孕妇零食</span>

CSS

span{  height: 40px;  line-height: 20px;  width: 300px;  display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical;  text-overflow: ellipsis;  overflow: hidden;}

 这个属性应用在移动端兼容性比较好。

效果如下:

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

cdr怎么反选? Coreldraw反选的技巧

cdr怎么反选? Coreldraw反选的技巧

技巧,电脑软件,cdr,Coreldraw,Coreldraw 中也可以做到反选内容。软件名称:CorelDRAW X4 简体中文正式破解安装版(附注册序列号)软件大小:97MB更新时间:2016-05-161、比如我先选文字之外的所有内容,我可以先选择所有文字,利用菜单/编辑下面的全选…

JS处理数据四舍五入 | tofixed与ro

JS处理数据四舍五入 | tofixed与ro

四舍五入,数据,详解,区别,电脑软件,1 、tofixed方法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。例如将数据Num保留2位小数,则表示为:toFixed(Num);但是其四舍五入的规则与数学中的规则不同,使用的是银行家舍入规则,银行家舍入:所…

INdesign矩形怎么制作成角花画框效

INdesign矩形怎么制作成角花画框效

矩形,效果,电脑软件,INdesign,成角花,INdesign中想要制作一个角花效果,该怎么制作呢?下面我们就来看看详细的教程。软件名称:Adobe InDesign CS5专业排版软件 官方简体绿色免注册版(附indesign cs5序列号)软件大小:891.07MB更新时间:2014-12-051…

兼容浏览器的js事件绑定函数 | 详

兼容浏览器的js事件绑定函数 | 详

函数,事件绑定,浏览器,详解,电脑软件,因为javascript中所有对象都集成与Object,那么只有给Object原型添加一个事件绑定函数,就不需要在处理绑定事件的时候,每次写一长串代码,直接调用即可。在代码中添加红色部分代码,直接便可以在代码中直接调用…

安装.NET Framework进度条卡住不动

安装.NET Framework进度条卡住不动

解决方案,进度条,安装,推荐,不动,VS在安装之前需要安装.NET Framework,我安装的是4.0版本。但是安装进度条到一半左右时就卡住不动了。前前后后重试多次,还有几次重新开机,但都没用。开始还以为是安装的系统有问题。后来在网上求助,尝试几次之…

怎么在ppt2013中制作透明字ppt2013

怎么在ppt2013中制作透明字ppt2013

透明,步骤,方法,电脑软件,strong,  有时,需要在PPT幻灯片中添加透明文字说明。那么如何在PPT幻灯片中添加透明文字说明呢?在PPT幻灯片中添加透明文字说明的方法很简单。下面小编就教你怎么在ppt2013中制作透明字。在ppt2013中制作透明字的…

JS模拟实现ECMAScript5新增的数组

JS模拟实现ECMAScript5新增的数组

数组方法,模拟,电脑软件,JS,ECMAScript5 新增了十个数组方法,这些方法只有在ie9及以上浏览器中可以被使用,下面是对于这些方法的模拟实现。一、Array.isArray(element)  该方法用于判断传入的对象是否为数组类型,返回true和false。Array.new…

cdr怎么设置快捷键? Coreldraw自定

cdr怎么设置快捷键? Coreldraw自定

快捷方式,快捷键,设置,教程,自定,Coreldraw中所有的工具以及菜单上的功能键都可以自己设定快捷方式。软件名称:CorelDRAW X4 简体中文正式破解安装版(附注册序列号)软件大小:97MB更新时间:2016-05-161、找到要自定的工具或是功能菜单,我这里要…

ps怎么将照片制作成打造半草图效果

ps怎么将照片制作成打造半草图效果

照片,草图,效果,电脑软件,ps,想要将照片的一片半变成手绘,该怎么制作呢?下面我们就来看看ps打造半草图效果的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、当然是在PS中打开小女神,我们先复制一…

QQ空间怎么取消访客挂件

QQ空间怎么取消访客挂件

空间,取消,访客,挂件,电脑软件,  qq空间怎么取消访客挂件?可能有的时候当你打开你的qq空间的时候,会在它的个人中心的右面看到有一个访客的小挂件,而这个小挂件也不是我们自己添加上去的,我们不想要这个挂件的话,要如何要找到这个挂件的位置…

详解ASP.NET Core应用中如何记录和

详解ASP.NET Core应用中如何记录和

日志,详解,电脑软件,NET,ASP,日志记录不仅对于我们开发的应用,还是对于ASP.NET Core框架功能都是一项非常重要的功能特性。我们知道ASP.NET Core使用的是一个极具扩展性的日志系统,该系统由Logger、LoggerFactory和LoggerProvider这三个核心…

photoshop图层样式制作漂亮的琥珀

photoshop图层样式制作漂亮的琥珀

立体字,图层,样式,漂亮,电脑软件,今天为大家分享photoshop制作琥珀文字方法,教程比较基础,适合新手来学习,推荐到,喜欢的朋友可以参考本文!最终效果图:1、先建一个800x800画布,填充背景颜色为黑色,输入文字(IOU)2、为文字图层添加图层样式3、在&ldquo…