1.元素不换行
.div{width: 150px;overflow: hidden;/*溢出部分隐藏*/white-space: nowrap;/*文本不换行*/text-overflow: ellipsis;/*当对象内文本溢出时显示省略标记(...)*/}
2.元素超出长度,超出部分用…代替
<div>{{text.length > 6 ? (text.substr(0, 6) + "...") : text}}</div>
3.元素不换行,仅3行显示,多出部分省略
.div{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;/*! autoprefixer: off */-webkit-box-orient: vertical;/*! autoprefixer: on */}