css flex布局关于文字换行遇到的坑

在flex布局中会有文字设置不换行后把容器撑开
如：

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

直接在文字中加入以上样式会把父容器撑开
需要在父容器中加入overflow: hidden;把超出盒子的内容裁剪

标签：flex,容器,换行,撑开,overflow,hidden,css
来源： https://blog.csdn.net/SUperstarkd/article/details/121341713