css 忽略 省略號 縮略 一行

效果：超出的用...表示

1、在chrome可以，IE、火狐不行

.my-mutil-line {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

其中

-webkit-line-clamp:3   #3是行數

2、在chrome、IE、火狐都可以，但只能一行

.my-one-line{
	width:300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

其中

width:300px也可以改爲width:30%

但是，同在bootstrapTable，中間列可以爲parentView的30%，末列不可以，只能300px。？？