css 3超過部分省略記号表示

/*超過部分に省略記号を表示*/

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;
}