文本超出隐藏并且显示省略号的方法
当只显示一行文本的时候用下面三条语句就可以实现:
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
但是当要显示两行或者两行以上的文本区域时,就必须借助弹性盒子来实现:
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box; //设置为弹性盒子
-webkit-box-orient:vertical;//设置垂直排列模式
-webkit-line-clamp:2;//设置显示行数