css3实现多行文本溢出显示省略号...
来源:互联网 发布:网络监控摄像机 编辑:程序博客网 时间:2024/04/29 23:39
我们常用的就是实现单行文本溢出显示省略号,此时需要定宽度,代码如下:
.box{width:200px; overflow: hidden; text-overflow:ellipsis;//文本溢出显示省略号 white-space: nowrap;//文本不换行}那如何实现多行文本溢出呢?
第一种:可以使用css3方法
<pre name="code" class="css">.proname { display: -webkit-box; -webkit-line-clamp: 2;//限制文本的行数,只显示两行 -webkit-box-orient: vertical; overflow: hidden;}效果如下,真是方便又使用
常用css3小技巧
移除input类型为number在谷歌浏览器下自带的上下箭头
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
0 0
- css3 多行文本溢出显示省略号
- css3实现多行文本溢出显示省略号...
- 实现多行文本溢出显示省略号
- css3多行文本溢出显示省略号(…)
- css3 多行文本 溢出 省略号
- css3 多行文本溢出省略号
- css实现多行文本溢出显示省略号
- CSS实现多行文本溢出显示省略号
- 十九、css实现多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出时显示省略号
- css实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号
- css实现单行、多行文本溢出显示省略号
- css实现多行文本溢出显示省略号(…)
- 多行文本溢出显示省略号...
- 多行文本溢出显示省略号…
- 进程的状态
- 360杀毒软件2016下载 v5.0.0.5104B 官方免费版
- 菜鸟教程
- linux内核编程4部曲之三:修改O(1)调度算法
- Unity3D在后台打包的方法
- css3实现多行文本溢出显示省略号...
- 电影收藏
- LabVIEW 2016.15.0 64位版
- 什么是FPS
- jsoup java html解析器
- CSS 清除浮动
- linux环境下运行jar包,依赖外部jar包
- vnc server配置、启动、重启与连接,图形管理linux系统
- linux内核编程4部曲之四:模块编程