css3实现多行文字超出部分省略号代替

<div style="width:300px;display: -webkit-box; -webkit-line-clamp:5; -webkit-box-orient: vertical; overflow: hidden;">

内容域

</div>

1、单行超出宽度显示省略号  直接把-webkit-line-clamp:1这个属性设置为1

2、2行或2行以上  把-webkit-line-clamp:5 这个属性设置为对应的值即可

是不是比js 或jqery 方便多了。