html css设置文本溢出隐藏

单行文本溢出显示省略号
    1.设置宽度  width:*px;
    2.设置强制不换行  white-space:nowrap;
    3.设置溢出隐藏  overflow：hidden；
    4.设置溢出的标识为省略号  text-overflow:ellipsis;

<style>
        p{
            width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>

多行文本溢出显示省略号

display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 3;    //设置行数
overflow: hidden;        //超出隐藏