text-overflow属性
2024-10-08 17:53:42
text-overflow属性有两个值，
默认值是clip：当对象内文本溢出时不显示裁切掉。
另一个就是：ellipsis：对象内文本溢出时显示省略标记（...）。
使用text-overflow：ellipsis需要注意：
必须跟overflow：hidden，white-space：nowrap，在一起使用。
以上是显示文本只显示一行然后省略 效果图：从前有座山，山上有个小和尚...
如果想要指定在第几行省略的话，需跟下面的属性配合使用：
overflow：hidden；
display：-webkit-box；
-webkit-line-clamp:2 /* 第几行裁剪*/
-webkit-box-orient:vertical
最新文章
- BZOJ3172: [Tjoi2013]单词
- session过期，登录页被内嵌iframe的解决方案
- Android深度探索HAL与驱动开发 第二章 搭建Android开发环境
- 后端码农谈前端（CSS篇）第八课：继承与层叠
- DOM--5 动态修改样式和层叠样式表
- [Cocos2d-x For WP8]基础知识
- "aa".equals(name)这种写法为什么就可以避免空指针
- [HDU 4747] Mex （线段树）
- 转：VC++获取屏幕大小第一篇 像素大小GetSystemMetrics
- 深入浅出KnockoutJS
- 201521123084 《Java程序设计》第12周学习总结
- saltstack_grains
- 1. Linux系统介绍
- Elasticsearch6.3.2启动过程源码阅读记录
- new Image().src资源重复请求问题
- windows下使用svn命令行
- selenium 操作过程中，元素标红高亮的两种实现方式
- <c:forEach>详解
- mysql 开发进阶篇系列 24 查询缓存下
- Brief History of Machine Learning