84669 person learning
152542 person learning
20005 person learning
5487 person learning
7821 person learning
359900 person learning
3350 person learning
180660 person learning
48569 person learning
18603 person learning
40936 person learning
1549 person learning
1183 person learning
32909 person learning
1)已知文字父级元素p的高度,比如500px; 2)已知字体大小:font-size:28px; 如何算出需要显示多少行? 知道多少行后,如何实现指定这些行后内容未显示完就用省略号...代替?
ringa_lee
.xxx { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 20px; max-height: 60px; }
限制最大显示行数 超过了不就用...代替了`!
多少行是多少行……1行的话css控制不难,更多不清楚
传送门 http://stackoverflow.com/questions/3922739/limit-text-length-to-n-line...
没有多少行,只有高度,当内容超出指定的高度了,就用js截断~
js
行数是不能控制的,使用高度代替,估摸着你的行数。
关于文字内容溢出用点点点(…)省略号表示
用jquery插件jquery.dotdotdot.js解决
限制最大显示行数 超过了不就用...代替了`!
多少行是多少行……1行的话css控制不难,更多不清楚
传送门 http://stackoverflow.com/questions/3922739/limit-text-length-to-n-line...
没有多少行,只有高度,当内容超出指定的高度了,就用
js
截断~行数是不能控制的,使用高度代替,估摸着你的行数。
关于文字内容溢出用点点点(…)省略号表示
用jquery插件jquery.dotdotdot.js解决