單行文本和多行文本溢出顯示省略號點點點.

一、單行文本溢出顯示省略號點點點..
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

二、多行文本溢出顯示省略號點點點…
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  //這裏是在第二行有省略號
overflow: hidden;

 

如果瀏覽器 -webkit-box-orient: vertical; 瀏覽器無法識別

/* autoprefixer: off*/
-webkit-box-orient: vertical;
/* autoprefixer: on*/