【最简单】CSS单行多行文字超出隐藏并显示省略号

单行显示文本：

.item {
	overflow: hidden;/* 超出部分隐藏 */
	display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
	-webkit-box-orient: vertical; /* 设置伸缩盒对象的子元素的排列方式 */
	-webkit-line-clamp: 1; /* 允许盒子显示几行 */
	}

多行显示文本：

.item {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;	/* 想第几行显示省略号就写对应的行数 */
	-webkit-box-orient: vertical;
	}