CSS實現文本溢出顯示省略號

本文轉載於:猿2048網站CSS實現文本溢出顯示省略號

實現單行文本溢出顯示省略號，用如下代碼便可：

overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;

實現效果：（Google Chrome）

多行文本的以下：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

實現效果：（Google Chrome）