h5端css文本溢出加省略号

单行文本溢出

 

  p{
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

 

多行文本溢出

 

  p{
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp:3;
      -webkit-box-orient:vertical;
    }

 

 

posted @ 2016-04-17 11:17  Byronvis  阅读(4981)  评论(0)  编辑  收藏  举报