html+css 实现文字超过两行隐藏并三个点表示更多...

<div class="info"><p>瀑布流布局有一个专业的英文名称Masonry Layouts。简言之像Pinterest网站这样的布局就称之为瀑布流布局，也有人称之</p></div>

.info{
     width:100px;
     word-break:break-all;
     display:-webkit-box;/**对象作为伸缩盒子模型展示**/
     -webkit-box-orient:vertical;/**设置或检索伸缩盒子对象的子元素的排列方式**/
     -webkit-line-colamp:3;/**显示的行数**/
     overflow:hidden;/**隐藏超出的内容**/
}