多行文本超出...显示
2018-01-15 15:47
756 查看
想实现如下效果:
使用到 -webkit-line-clamp属性
text{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
使用到 -webkit-line-clamp属性
text{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
相关文章推荐
- 超出多行文本隐藏,显示省略号
- jq 多行文本超出显示...
- 设置多行文本超出显示省略号,在手机端超出部分无法隐藏解决方法
- css设定文本超出一行或多行就隐藏并显示省略号
- 多行文本超出时显示省略号----jquery.ellipsis.js
- 超出文本显示省略号(包括一行和多行)
- 关于单行、多行文本超出显示省略号... css
- CSS控制文本超出部分显示省略号(一行跟多行)
- 单行文本与多行文本超出范围需要隐藏并显示省略号
- js实现多行文本超出一定字数显示省略号功能
- 多行文本超出以省略符显示
- CSS实现单行、多行文本溢出显示省略号。 超出隐藏,不换行 ....
- css实现超出文本...显示
- CSS实现单行、多行文本溢出显示省略号(…)
- 让你的JLabel支持显示多行文本
- CSS 文本超出指定宽度后隐藏并显示为省略号鼠标移上显示全文
- CSS超出部分显示省略号的方法(单行和多行)
- TextBox显示多行文本/Environment.NewLine
- 自定义单元格显示多行文本信息不完整
- 多行文本溢出显示省略号(…)全攻略