文字超出省略

单行文字

#box1{
    border:1px solid #ccc;
    width:100px;
    white-space:nowrap;/*不换行米*/
    overflow:hidden;
    text-overf1ow:ellipsis;/*超出省略*/
}

多行文字

#box2{
    border:1px solid #ccc;
    width:100px;
    overflow:hidden;
    display:-webkit-box;/*将对象作为弹性伸缩盒子模型显示*/
    -webkit-box-orient:vertical;/*设置子元素排列方式*/
    -webkit-line-clamp:3;/*显示几行，超出的省略*/
}