文字超出隱藏顯示省略號
1、單行文字的溢位顯示省略號
overflow: hidden; text-overflow:ellipsis; white-space: nowrap; // overflow 屬性規定當內容溢位元素框時發生的事情,可能值為visible（預設）、hidden、scroll、auto、inherit // text-overflow 屬性規定當文字溢位包含元素時發生的事情，cilp（預設，修剪文字）、ellipsis（顯示省略號）、string（給定字串代替）
2、多行文字的溢位顯示省略號
display: -webkit-box; /*值必須為-webkit-box或者-webkit-inline-box*/ -webkit-box-orient: vertical; /*值必須為vertical*/ -webkit-line-clamp: 2; /*值為數字，表示一共顯示幾行*/ overflow: hidden;
3、延伸
-moz- ：Firefox，GEcko引擎
-webkit-： Safari和Chrome，Webkit引擎
-o- ：Opera（早期），Presto引擎，後改為Webkit引擎
-ms- ：Internet Explorer，Trident引擎