view容器文本过长不做任何css修饰情况下
view容器自动换行
word-wrap: break-word;
word-break: break-all;
white-space: pre-line;
效果:
显示全部文字,不是我想要的效果。
设置固定行数,溢出部分用省略号代替
// 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。
display: -webkit-box;
// 设置或检索伸缩盒对象的子元素的排列方式 。
-webkit-box-orient:vertical;
// 用省略号“…”隐藏超出范围的文本 。
text-overflow: ellipsis;
overflow: hidden;
//用来限制在一个块元素显示的文本的行数。
-webkit-line-clamp: 3;
line-height: 50upx;
效果:
这里可以不设置宽高,没有影响。