公告列表
公告列表
收藏
回答

文本超出框的大小，css样式怎么设置？


已经设置了overflow：hidden,还是很难看，下边的字只漏了一半，我想剩下的用省略号表示，怎么设置




回答关注问题邀请回答
收藏

6 个回答

  • 刁_Kyle
    刁_Kyle
    2019-10-23

    两种方式： 1.css (有兼容性问题)overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;（行数） -webkit-box-orient: vertical;2. js 通过计算屏幕宽度和字体大小，计算出最多能展示多少字，超出的剪掉

    2019-10-23
    有用 2
    回复 2
    • 成
      成
      2019-10-23
      帮顶
      2019-10-23
      赞
      回复
    • 乘风破浪
      乘风破浪
      2019-10-23
      太强了
      2019-10-23
      赞
      回复
  • 袁康
    袁康
    2019-10-23

    百度


    2019-10-23
    有用 1
    回复
  • 原点的原点
    原点的原点
    2019-10-23

    百度

    2019-10-23
    有用
    回复
  • chen
    chen
    2019-10-23

    嗯，听楼上的，都对

    2019-10-23
    有用
    回复
  • 少年啦
    少年啦
    2019-10-23

    text-overflow: -o-ellipsis-lastline;

     overflow: hidden;

     text-overflow: ellipsis;

     display: -webkit-box;

     -webkit-line-clamp: 2;

     line-clamp: 2;

     -webkit-box-orient: vertical;


    我这设置两行  你几行你自己设置


    2019-10-23
    有用
    回复 1
    • 乘风破浪
      乘风破浪
      2019-10-23
      太强了
      2019-10-23
      赞
      回复
  • ·
    ·
    2019-10-23

    text-overflow:ellipsis

    2019-10-23
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
css样式