利用css3实现超出文本指定行数与省略号效果
2016-03-24 09:30
302 查看
<style> .text1 { /*单行*/ width:200px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } .text2 { /*多行*/ width:200px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } </style>
<div class="text1">热卖精选:从子频道(服饰鞋包,亲子,居家,美妆)档期里面挑选出来,库存大于30%的高信价比商品list,数量为50个</div> <div class="text2">热卖精选:从子频道(服饰鞋包,亲子,居家,美妆)档期里面挑选出来,库存大于30%的高信价比商品list,数量为50个</div>
相关文章推荐
- Sublime Text 2 样式修改方法
- css选择器分类
- CVE-2010-3971 CSS内存破坏漏洞分析
- +++用纯css改变下拉列表select框的默认样式+++
- CSS3 中关于 select 下拉列表的样式
- js+css实现select的美化效果
- CSS 5种很炫的Hover效果。跳,放大,旋转,淡入,悬浮
- css遇到的垂直水平居中(个人学习笔记)
- 12 个 CSS 高级技巧汇总
- CSS自定义弹出框
- CSS3 transform-origin 属性
- 使用 CSS 预处理器的优缺点有哪些?(SASS,Compass,Stylus,LESS) 描述下你曾经使用过的 CSS 预处理的优缺点。
- 3.CSS基本样式:背景、文本、字体、链接、列表、表格、轮廓
- css让footer始终位于页面的最底部
- ExtJs之Ext.util.CSS
- CSS浮动
- 3月23日学习所得
- Sass学习笔记
- 【CSS3未完】选择器--慕课网【学习总结】
- 3月23.CSS表格布局