css超出部分省略（单行、多行，多种方法实现）

.text{
    width: 200px;
    border: 1px solid #000000;
    white-space: nowrap;   /* 控制元素不换行 */
    overflow: hidden;      /* p标签超出部分隐藏*/
    text-overflow: ellipsis;   /* 文本超出部分为省略号 */
}

.text{
    display: -webkit-box;
    -webkit-box-orient: vertical;/* 子元素排列垂直排列 */
    -webkit-line-clamp: 3;/* 设置从第几行后开始省略 */
    height: 60px;
    width: 200px;
    border: 1px solid #000000;
    overflow: hidden;
}