2021-05-25 css 文本省略

<text class="ttName">{{t.invoiceTitle}}</text>

当t.invoiceTitle的宽度过长，需要省略过长文字时，可以利用css属性进行省略，如下：

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

 上述代码有效的前提是设置宽度width，在项目中我设置了最大宽度

max-width: 250rpx;

使用css方法的好处在于当需要点击该条数据进行修改时，文字内容会完整展现，方便修改。