如何实现指定多少行后内容未显示完就用省略号...代替?


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

web前端开发 web css html5

馄饨饨鱼头 9 years, 9 months ago

多少行是多少行……1行的话css控制不难,更多不清楚

溪园SAMA answered 9 years, 9 months ago

用jquery插件jquery.dotdotdot.js解决

星期六的早饭 answered 9 years, 9 months ago

GOMI箱 answered 9 years, 9 months ago

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

名古屋鬼娃 answered 9 years, 9 months ago

没有多少行,只有高度,当内容超出指定的高度了,就用 js 截断~

lon2046 answered 9 years, 9 months ago


 .xxx {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 20px;
  max-height: 60px;
}

asdcfd answered 9 years, 9 months ago

限制最大显示行数 超过了不就用...代替了`!

lambon answered 9 years, 9 months ago

Your Answer