css实现文本缩略显示
2024-08-30 09:08:31
转载自http://blog.csdn.net/mushui0633/article/details/65685655
单行:
对应的css中加入
overflow:hidden;//超出一行文字自动隐藏
text-overflow:ellipsis;//文字隐藏后添加省略号
white-space:nowrap;//强制不换行
多行:
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
font-size: 32rpx;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
转载自http://blog.csdn.net/mushui0633/article/details/65685655
最新文章
- 吉特仓库管理系统-ORM框架的使用
- Python 绘制图表之我见 ---一个java程序员的看法
- 动态单链表的传统存储方式和10种常见操作-C语言实现
- PHP MSSQL 分页实例(刷新)
- 对于大量left join 的表查询,可以在关键的 连接节点字段上创建索引。
- 分享一个最近研究的手机QQ3.0的协议(版本1.4)
- 使用代码在windows-store中打开、搜索应用程序
- Ext.Net学习笔记24:在ASP.NET MVC中使用Ext.Net
- 关于生成缩略图及水印图片时出现GDI+中发生一般性错误解决方法
- 在VS2012中实现Ext JS的智能提示
- SQL 左外连接查询 将右表中的多行变为左表的一列或多列
- 我用的比较少的CSS选择器
- BZOJ 1901 Zju 2112 Dynamic Rankings 与更改的树董事长
- in_array 判断的一些见解
- IoC容器Autofac正篇之简单实例(四)
- 安装PHP memcached扩展
- Oracle函数整理
- 3_使用指针对象(Using Object Pointer)
- Spark核心编程---创建RDD
- RabbitMQ和Kafka到底怎么选?