css3 超出部分显示省略号

 /* 超出部分显示省略号*/

• display: -webkit-box; 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
• -webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。

.goods {
	
	/* 一行显示*/
	-webkit-line-clamp: 1;
    /* 将对象作为弹性伸缩盒子模型显示 */
	display: -webkit-box;
    /*子元素的排列方式 */
	-webkit-box-orient: vertical;
    text-overflow:ellipsis;
	overflow: hidden;
    word-break:break-all;
}