前端 - 如何实现指定多少行后内容未显示完就用省略号...代替?
ringa_lee
ringa_lee 2017-04-17 11:32:50
0
8
542

1)已知文字父级元素p的高度,比如500px;
2)已知字体大小:font-size:28px;
如何算出需要显示多少行?
知道多少行后,如何实现指定这些行后内容未显示完就用省略号...代替?

ringa_lee
ringa_lee

ringa_lee

membalas semua(8)
PHPzhong
.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截断~

左手右手慢动作

行数是不能控制的,使用高度代替,估摸着你的行数。

Peter_Zhu

关于文字内容溢出用点点点(…)省略号表示

迷茫

用jquery插件jquery.dotdotdot.js解决

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan