美文网首页程序开发
微信小程序丨文本超出部分显示省略号代替

微信小程序丨文本超出部分显示省略号代替

作者: 炼心术师 | 来源:发表于2019-12-09 11:23 被阅读0次

    一、单行文字:

    overflow:hidden;  /*超出隐藏*/
    white-space:nowrap;  /*溢出不换行*/
    text-overflow:ellipsis;  /*溢出显示用省略号*/
    

    二、多行文字:

    display:-webkit-box;  /*显示为弹性伸缩盒子模型*/
    -webkit-line-clamp:3;  /*显示的最大行数*/
    -webkit-box-orient:vertical;  /*文本换行垂直排列*/
    overflow: hidden;  /*超出隐藏*/
    text-overflow: ellipsis;  /*溢出显示用省略号*/
    

    相关文章

      网友评论

        本文标题:微信小程序丨文本超出部分显示省略号代替

        本文链接:https://www.haomeiwen.com/subject/dwrbgctx.html