收藏
回答

文本超出框的大小,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
    有用
    回复
登录 后发表内容
问题标签