css3 實現控制文字固定行數，並顯示省略號

 

多行溢出顯示省略號：

overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;//想要的行數
 -webkit-box-orient:vertical;

 

單行文本溢出顯示省略號：

.ellipsis{//單行文本溢出
  overflow: hidden;
  text-overflow:ellipsis;//文本溢出顯示省略號
  white-space:nowrap;//文本不會換行（單行文本溢出）
  width:130px;
  background-color: red;
}