css 多行超出省略

单行省略这里不再重复，多行省略依靠css3的新属性
上代码

{
    width：300px;/*可自定义，也可不设*/
    overflow:hidden;/*超出隐藏*/
    text-overflow:ellipsis;/*文本溢出时显示省略标记*/
    /* 以下三个属性是多行省略的关键，*/
    display:-webkit-box;/*设置弹性盒模型*/
    -webkit-line-clamp:3;/*文本占的行数,如果要设置2行加...则设置为2*/
    -webkit-box-orient:vertical;/*子代元素垂直显示*/
}

这里有个必须要注意的地方就是，设置文本隐藏的元素不能设置高度，或者有上下padding，否则会导致超出部分不隐藏

例如：