实现文字多行省略

标签：line   box   ellipsis   isp   lin   nbsp   html   cal   实现   

1，html

<p>我有很多文字  我有很多文字  我有很多文字  我有很多文字  我有很多文字  我有很多文字  </p>

2，css

display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;   //两行文字省略
text-overflow: ellipsis;
-webkit-box-orient: vertical;

实现文字多行省略

标签：line   box   ellipsis   isp   lin   nbsp   html   cal   实现   

原文地址：http://www.cnblogs.com/pearl07/p/6272335.html