flex布局匯總，如果子元素如果文字長度超出，并不會按預期“文字超出部分顯示為用省略號代替”顯示，文字超出部分會撐開容器顯示。

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

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

解決方法

給父級設置最小寬度即可

min-width:0;