css溢出隐藏显示指定行数

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 指定显示行数为2
white-space: normal;
overflow: hidden;
text-overflow: ellipsis; // 没显示的用省略号表示
word-break: keep-all; // 英文单词换行不隔断

使用时必须要指定宽度，否则不生效

css溢出隐藏显示指定行数相关推荐

Oracle 数据库 - sql语句筛选出符合查询条件的第一条结果实例演示，sql查询结果只显示指定行数的数据方法
默认看到查询条件有 3 条结果,我想只查询出日期最晚的那一条记录. -- 默认查询条件 select settledate as "日期", syscalculationmny a ...
文本超过指定行数显示折叠、展开按钮并以三个点结束
需求一段从接口获取到的文本,要求显示时,如果长度超过指定行数,则以三个点省略后面内容,并出现"全文"按钮,点击后显示全文,"全文"按钮变成"收起&q ...
css单行、多行文本溢出隐藏显示省略号
单行文本溢出隐藏 overflow: hidden; // 溢出隐藏 text-overflow: ellipsis; // 文本溢出时发生的事,ellipsis表示用省略号代替溢出的文本 white ...
css溢出隐藏 /超出隐藏（补充CSS样式穿透 scoped 问题）
1.单行文本 - 溢出隐藏/过长隐藏/超出隐藏 div {overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //用省略号显示white-space:n ...
css3实现超出文本指定行数(指定文本长度)用省略号代替
测试代码: 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta name="viewport" c ...
02.div盒子显示具体行数多余的....显示
div盒子显示具体行数多余的-显示具体行数的设置方法 // 标题显示两行多余隐藏 .item-title{// 超出隐藏overflow:hidden;// 多余的用...text-overfl ...
VC编辑框（EDIT）的自动换行、自动滚屏、到指定行数自动清空
From: http://getyoureyes.blog.163.com/blog/static/101716622201083081914305/ 经过多次测试,总结出VC编辑框(EDIT)的自动 ...
php如何打出的正方形行列,javascript实现输出指定行数正方形图案的方法
本文实例讲述了javascript实现输出指定行数正方形图案的方法.分享给大家供大家参考.具体如下: javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成 ...
php循环图案正方形,javascript输出指定行数正方形图案效果的实现方法
本文实例讲述了javascript实现输出指定行数正方形图案的方法.分享给大家供大家参考.具体如下: javascript实现输出指定行数的正方形图案:点击生成图案,会有2个提示框,1,输入图案的组成 ...

css溢出隐藏显示指定行数

css溢出隐藏显示指定行数相关推荐

最新文章

热门文章