文本超出隐藏并且显示省略号的方法

当只显示一行文本的时候用下面三条语句就可以实现:

overflow:hidden; 

text-overflow:ellipsis; 

white-space:nowrap; 

但是当要显示两行或者两行以上的文本区域时,就必须借助弹性盒子来实现:

overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; //设置为弹性盒子
-webkit-box-orient:vertical;//设置垂直排列模式
-webkit-line-clamp:2;//设置显示行数

posted @ 2017-04-17 14:54  野望之风  阅读(249)  评论(0编辑  收藏  举报