WEB-CSS實現單行（多行）文本溢出顯示省略號

//單行文本溢出部分隱藏顯示省略號...
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

/**
　　n 行文本溢出部分隱藏顯示省略號..
　　使用了WebKit的CSS擴展屬性，該方法適用於WebKit瀏覽器及移動端；
   （WebKit： 是一個開源的瀏覽器引擎） http://blog.csdn.net/cutesource/article/details/8731841/
　-webkit-line-clamp:限制在一個塊元素顯示的文本的行數
（box-orient：指定一個box子元素是否應按水平或垂直排列）http://www.runoob.com/cssref/css3-pr-box-orient.html

**/
width:100%
height:20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;