收藏
回答

scroll-view 截取

问题模块
API和组件


如上图所示,这是scroll-view 横滑,目前需要对文字进行两行截断,用

overflow:hidden;

text-overflow:ellipsis;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

此样式不起作用,

童鞋们有什么好的办法吗?谢谢了~~

最后一次编辑于  2017-09-05  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

7 个回答

  • 冒烟儿的妖怪
    冒烟儿的妖怪
    2017-09-05

    给个高度 高度是行高的俩倍

    2017-09-05
    赞同
    回复
  • 軍
    2017-09-05

    white-space:pre-wrap;

    word-wrap:break-word;


    2017-09-05
    赞同
    回复
  • 欧你个巴
    欧你个巴
    2017-09-05


    还是不起作用~~再帮我看看代码~~这是截图

    2017-09-05
    赞同
    回复
  • 軍
    2017-09-05

    display:flex;

    加上试试

    2017-09-05
    赞同
    回复
  • 冒烟儿的妖怪
    冒烟儿的妖怪
    2017-09-05

        overflow: hidden;

        display: -webkit-box;

        -webkit-line-clamp: 要截的行数,截3行就写3

        -webkit-box-orient: vertical;

        height: 行高的倍数,截3行就3倍


    2017-09-05
    赞同
    回复
  • 冒烟儿的妖怪
    冒烟儿的妖怪
    2017-09-05

    别的都去掉

    2017-09-05
    赞同
    回复
  • 冒烟儿的妖怪
    冒烟儿的妖怪
    2017-09-05

    去掉

    2017-09-05
    赞同
    回复