对于文本溢出处理的方法
来源:互联网 发布:算法工程师的年薪 编辑:程序博客网 时间:2024/06/07 02:33
1.单行文本溢出处理
{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
2.多行文本溢出处理(比较适合webkit浏览器和移动端的浏览器)
{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
3.跨浏览器兼容的方案
//比较靠谱的简单做法是设置相对定位的容器高度,用包含省略号(……)的元素模拟实现
p{
position:relative;
line-height:1.4em;
height:4.2rem;
overflow:hidden;
}
p:after{
content:'...';
font-size:bold;
position:absolute;
bottom:0;
right:0;
padding:0 20px 1px 45px;
background:url(http://css88.b0.upaiyun.com/css88/2014/09/ellipsis_bg.png) repeat-y;(半透明的png做了减淡的效果,或者设置背景颜色)
}
4.javaScript方案
Clamp.js
地址:https://github.com/josephschmitt/Clamp.js
阅读全文
0 0
- 对于文本溢出处理的方法
- 文本溢出的处理
- css知识点——文本溢出的处理方法
- css溢出文本处理的几种方法
- C#中对于溢出的处理
- CSS--文本溢出处理
- 溢出文本显示省略号的方法
- 单行文本溢出处理补遗
- 关于用 apache cxf中对于不是返回200错误的处理 ,获取错误描述文本的方法
- css对于文本处理的几个不常用属性
- java处理文本的方法
- sql中对于null的处理方法
- java中内存溢出的处理方法
- 文本溢出的解决方案
- css 溢出文本显示省略号的详细方法
- text-overflow:ellipsis溢出文本显示省略号的详细方法
- 文本溢出用css定义省略号显示的方法
- myeclipse内存溢出处理的三种处理方法
- python机器学习-交叉验证(cross-vaildation)
- less学习(三)—关于变量
- Git(IV)分支与合并分支
- [ZZ]IT 民工男的 CS 课程记忆
- Matlab之初
- 对于文本溢出处理的方法
- SQL Server中,查询数据库中有多少个表,以及数据库其余类型数据统计查询
- 案例:使用XPath的的爬虫
- 【Python爬虫】添加高级功能
- neon的常见汇编命令
- 手绘思维导图的学习技巧
- background-size的取值有哪些?cover与contain有什么区别?
- javascript 通过定时循环检测获取快速获取图片实际大小的宽高
- android 顶部悬停折叠CoordinatorLayout,AppBarLayout