84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
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解决