文本超出隐藏

单行文本超出隐藏

	.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;/*设置伸缩盒对象子元素的排列方式*/
	}