开发者社区> 问答> 正文

多行文本溢出出现省略号和[详情],如图

多行文本溢出出现省略号和[详情],如图,还要考虑ie7低版本浏览器。不知道怎么解决,百度查了,省略号没问题,就是后面的详情不知道怎么做,请指教
screenshot

展开
收起
杨冬芳 2016-05-31 15:08:19 2881 0
1 条回答
写回答
取消 提交回答
  • IT从业

    如果使用纯css实现的话,可以使用-webkit-line-clamp,但这个只支持webkit内核的。如下:

    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    2.规定显示多少个字,然后截取显示。一般这样一段文字只示一点提示,显示部分也无所谓,后面有详情去查看。
    可以参考cnblogs的首页的做法。

    2019-07-17 19:22:00
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载