flex布局匯總，如果子元素如果文字長(zhǎng)度超出，并不會(huì)按預(yù)期“文字超出部分顯示為用省略號(hào)代替”顯示，文字超出部分會(huì)撐開(kāi)容器顯示。

已經(jīng)給超出文字的div設(shè)置了如下css

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

解決方法

給父級(jí)設(shè)置最小寬度即可

min-width:0;