文本超过指定行数自动隐藏超出的内容并显示省略号

-webkit-box是Flexbox新加的display 属性，
只需要在包裹的块定义如下的css样式：

{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: horizontal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

暂时此代码只支持谷歌多行超过隐藏，火狐试了只能单行超过隐藏，暂不支持ie，网上查有display:box这种写法，但是实际写出来会报错。