关于前端:flex盒子子元素实现文本超出部分

日常开发的时候 有时候会遇到 在flex布局中 心愿子元素自适应宽度 并且文本超出局部…
因为felx自身的属性限度，间接像上面这种写法是不失效的
`

<view style="display:flex">
 <view style="felx:1;overflow: hidden; white-space:  nowrap; text-overflow: ellipsis;">用户名</view>
 <view style="width:100px">编辑材料</view>
</view>

`

分享一种写法
`

<view style="display:flex">
    <view style="felx:1;display: contents;">
        <view style="width:100%;overflow: hidden; white-space:  nowrap; text-overflow: ellipsis;">用户名</view>
        </view>
    <view style="width:100px">编辑材料</view>
</view>

`