超出部分显示省略号

单行

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

多行

{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; /*多行在这里修改数字即可*/ overflow:hidden; /* autoprefixer: ignore next */ -webkit-box-orient: vertical; }