84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
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解决