div或者p標簽單行和多行超出顯示省略號

單行文本溢出顯示省略號

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; // 參考 https://github.com/postcss/autoprefixer/issues/776 /* autoprefixer: on */
通過膩子來實現生效