文本省略号

文本省略号

１、单行文字有省略号

        //显示省略号
        text-overflow: ellipsis;
        //溢出隐藏文本
        overflow: hidden;
        //不换行
        white-space: nowrap;
        //内联的元素没有效果，必须是块级元素
        display: block;

２、多行文本溢出，使用省略号

        //显示省略号
        text-overflow: ellipsis;
        //溢出隐藏文本
        overflow: hidden;
        //不换行
        white-space: nowrap;
        //变成-webkit-box盒子
        display: -webkit-box;
       //设置纵向对齐方式
        -webkit-box-orient : vertical;
        //设置盒子的多行的行数
   　　 -webkit-line-clamp : 2;