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


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

web前端开发 web css html5

馄饨饨鱼头 10 years, 10 months ago
纯天然大傻逼 answered 10 years, 10 months ago

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

溪园SAMA answered 10 years, 10 months ago

用jquery插件jquery.dotdotdot.js解决

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

GOMI箱 answered 10 years, 10 months ago

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

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

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

lon2046 answered 10 years, 10 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 10 years, 10 months ago

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

lambon answered 10 years, 10 months ago

Your Answer