CSS 超出部分显示省略号

// 单行文本

.wrap {
	/* 超出部分隐藏 */
	overflow: hidden; 
	/* 超出部分显示省略号 */
	text-overflow: ellipsis;
	/* 规定段落中的文本不进行换行 */
	white-space: nowrap;
}

// 多行文本

.wrap {
	width: 100%;
	overflow: hidden;
	/* 将对象作为弹性伸缩盒子模型显示  *必须结合的属性*  */
	display: -webkit-box;
	/* 设置伸缩盒对象的子元素的排列方式  *必须结合的属性*  */
	-webkit-box-orient: vertical;   
	/* 用来限制在一个块元素中显示的文本的行数 */
    -webkit-line-clamp: 3;   
    /* 让浏览器实现在任意位置的换行 *break-all为允许在单词内换行*  */
    word-break: break-all;   
}