开发者社区 问答 正文

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

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

展开
收起
a123456678 2016-05-27 12:01:30 1797 分享 版权
1 条回答
写回答
取消 提交回答
  • .xxx {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-height: 20px;
      max-height: 60px;
    }
    2019-07-17 19:17:39
    赞同 展开评论
问答地址: