flexbox布局text文本单行显示多余省略号代替

index.wxml

<view class="myview">
<text>微信小程序开发微信小程序开发微信小程序开发微信小程序开发微信小程序开发微信小程序开发</text>
</view>

index.wxss

.myview {
  display: flex;
  width: 100%;
}


.myview text {
  width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}