文本超出隱藏

單行文本超出隱藏

	.single{
		width: 60%;/*需要設置寬度*/
		line-height:14px;/*設置line-heigh或上下padding可防止出現文字頭部少了一截的情況*/
		font-size: 12px;
		overflow: hidden;
		text-overflow: ellipsis;/*文字隱藏後添加省略號*/
		white-space: nowrap;/*強制不換行*/
	}

多行文本超出隱藏

	.multiLine{
	    width: 60%;
	    line-height:14px;
	    font-size: 12px;
	    overflow: hidden;
	    display: -webkit-box;/*將對象作爲彈性伸縮盒子模型顯示 */
	    -webkit-line-clamp: 3;/*限制一個塊元素只顯示3行*/
	    -webkit-box-orient: vertical;/*設置伸縮盒對象子元素的排列方式*/
	}