css 限制长度 多余部分省略
来源:互联网 发布:东欧剧变 知乎 编辑:程序博客网 时间:2024/04/30 01:18
单行
.class1{
width: 200px;
text-overflow: ellipsis;
overflow: hidden; /** 隐藏超出的内容 **/
}
如果文本是英文的话,上面的css就可以了。如果文本是中文的话还要加上white-space:nowrap;规定文本不自动换行。
这个也是我测试的时候偶然发现的。。
多行
.class2{
width: 200px;
word-break: break-all; /**换行**/
text-overflow: ellipsis; /**超出部分省略号**/
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
}
0 0
- css 限制长度 多余部分省略
- css 超过长度省略
- CSS 超出长度省略
- JQuery限制文本显示长度,多余部分显示省略号...
- CSS控制标题字符长度多余部分用…省略号表示
- css限制输入长度
- jQuery截取指定长度字符串超出部分省略代码
- css限制显示字数,文字长度超出部分用省略号表示
- css限制显示字数,文字长度超出部分用省略号表示
- css限制显示字数,文字长度超出部分用省略号表示 只显示一行
- css設置字符超過限制省略
- css Js 多余部分显示省略号
- 客户端解决标题显示太长省略多余部分并加省略号的样式
- android文本限制输入行数,多余部分显示省略号
- TextView实现复制、滑动、行数限制多余部分...表示
- android EditText文本限制输入行数,多余部分显示省略号
- 单元格长度固定,多余文字显示... CSS样式控制
- CSS控制字符串长度,多余字符串用...代替
- JavaWeb项目导入MyEclipse后变为JAVA项目项目【解决方法】
- java的封装、继承、多态
- 100以内奇数的平方和
- linux bash环境变量简单总结
- Spring中bean生命周期
- css 限制长度 多余部分省略
- ubuntu下组播问题总结
- 兵官扯蛋之3步搞定不同oracle版本导库迂回战术
- shader变量
- 51Nod - 1503 多线程dp + 背包思想优化
- CodeForces599C【贪心】
- 遗传算法的一个小例子,纯属娱乐
- Okhttp缓存配置
- birt+maven+web运行环境搭建