在flex布局的時(shí)候垄提，里面需要自動(dòng)撐出寬度董习，超出之后要顯示省略號(hào)烈和，結(jié)果全部顯示并且拉長(zhǎng)頁(yè)面
1585044641(1).jpg
如代碼list使用display:flex;而li-center是flex:1;的時(shí)候，
li-name想要超出顯示省略號(hào)阱飘，失效
<div class="list">
<img
:src="imgsrc"
alt=""
>
<div class="li-center">
<p class="li-name">Ann ElliottAnn ElliottAnn ElliottAnn Elliott</p>
<p class="li-time">01:28</p>
</div>
<div class="li-right">
123
</div>
</div>
這個(gè)時(shí)候在li-center斥杜，加上overflow: hidden;就會(huì)達(dá)到想要的效果
