收藏
回答

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

在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>



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

1 个回答

  •  
     
    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;
    

    10-08
    有用 1
    回复 2
    • 离患
      离患
      10-09
      还是不行,我在想是不是我的父类上有什么问题,我的父元素是rmsj_detail,属性是:float: right; display : flex , flex-direction: column; ,但是试过删掉这个也没有用。
      10-09
      回复
    •  
       
      10-21回复离患
      对于文字部分,你设置的高度有问题
      10-21
      回复
登录 后发表内容
问题标签