收藏
回答

内容显示两行,超出部分隐藏,但实际不起作用 ?

在WXSS是设置显示两行 ,但只是在第二行结尾处显示...,第三行还是显示了,为 什么?

.rmsj_summary{height: 140rpx;font-size: 24rpx;color: #1e1e1e; word-break: break-all;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

WXML:

<view class="rmsj_summary">{{item.summary}}</view>



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

3 个回答

  •  
     
    2020-10-08

    你试试这段代码,我也是今天写的

    /* 只显示两行文本,超出部分省略号 */
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -moz-box;
      -moz-line-clamp: 2;
      -moz-box-orient: vertical;
      word-wrap: break-word;
      word-break: break-all;
      white-space: normal;
        overflow: hidden;
    

    2020-10-08
    有用 3
    回复 3
    • 离患
      离患
      2020-10-09
      还是不行,我在想是不是我的父类上有什么问题,我的父元素是rmsj_detail,属性是:float: right; display : flex , flex-direction: column; ,但是试过删掉这个也没有用。
      2020-10-09
      回复
    •  
       
      2020-10-21回复离患
      对于文字部分,你设置的高度有问题
      2020-10-21
      回复
    • 樱桃大丸子♬
      樱桃大丸子♬
      2021-11-01
      谢谢,你这个我用了生效了!
      2021-11-01
      回复
  • Shirne[全栈开发]
    Shirne[全栈开发]
    2023-04-16

    试了下,改字号和行高有效果,行高没给够就会有多出一点显示。

    字号 28rpx 行高 34rpx

    字号24rpx 行高 30rpx

    2023-04-16
    有用
    回复
  • 枫
    2021-11-05

    我也遇到了,解决了没有

    2021-11-05
    有用
    回复 2
    • Chola
      Chola
      2022-01-12
      加一行注释
        /*! autoprefixer: off */  
      即可
      2022-01-12
      1
      回复
    • 张++
      张++
      2022-09-19回复Chola
      这个是什么原理啊
      2022-09-19
      回复
登录 后发表内容
问题标签