效果:超出的用...表示
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。??