css溢出显示省略号

单行溢出显示省略号:

 

      div{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

多行溢出显示省略号:

      div{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /*这里设置几行*/
        overflow: hidden;
      }

你可能感兴趣的:(css,css3,html)