页面中限制文字行数，并且尾部显示省略号的方法

第一个种方法，此方法只能限制一行。

white-space: nowrap;

text-overflow: ellipsis;

overflow: hidden;

 

第二种方法，可以限制指定行数。

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp:2;

overflow:hidden;

 

注意：不能设置height属性，另外，-webkit-line-clamp属性只有在display属性值为-webkit-box或者-webkit-inline-box ,并且-webkit-box-orient属性为vertical时，才能生效，也就是说上面四行代码是必须同时存在的。-webkit-line-clamp:2;是限制显示的行数。