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。？？