css处理超出文本截断问题的两种情况(多行或者单行)
2017-09-21 20:18
127 查看
1.非多行的简单处理方式:
[b]css代码:[/b]
2.规定行数的截断处理方式
css代码:
[b]css代码:[/b]
.words{ width:400px; overflow:hidden; /*超过部分不显示*/ text-overflow:ellipsis; /*超过部分用点点表示*/ white-space:nowrap;/*不换行*/ }
2.规定行数的截断处理方式
css代码:
.words{ width:400px; text-overflow: ellipsis; /*有些示例里需要定义该属性,实际可省略*/ display: -webkit-box; -webkit-line-clamp: 2;/*规定超过两行的部分截断*/ -webkit-box-orient: vertical; overflow : hidden; word-break: break-all;/*在任何地方换行*/ }
相关文章推荐
- css 实现单行或者多行超出后显示...
- CSS实现单行、多行文本溢出显示省略号。 超出隐藏,不换行 ....
- css单行文本与多行溢出文本的省略号问题
- 关于单行、多行文本超出显示省略号... css
- CSS实现单行、多行文本溢出显示省略号(…)
- 【CSS/JS学习】如何实现单行/多行文本溢出的省略(...)
- CSS实现单行、多行文本溢出显示省略号...
- 12.css单行和多行文本的溢出处理
- CSS文本超出2行就隐藏并且显示省略号,单行居中,两行居左
- CSS实现单行、多行文本溢出显示省略号(…)
- css 之单行文本显示省略和多行文本省略
- iOS开 4000 发时关于UILabel文本高度和宽度的计算问题(单行、多行)
- css实现单行和多行文本溢出显示省略号
- CSS 控制单行文本和多行文本的显示区域不够存放时使用省略号...来替代的做法
- 重温CSS实现单行、多行文本溢出显示省略号(…)
- CSS实现单行、多行文本溢出显示省略号(…)
- 转:【CSS/JS学习】如何实现单行/多行文本溢出的省略(...)--老司机绕过坑道的正确姿势
- CSS、j's单行、多行文本溢出显示省略号
- CSS实现单行、多行文本溢出显示省略号(…)
- 读取Html文本字符串时可能遇到输出时打印字体格式或者换行符之类问题的情况