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

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

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

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

版权声明：本文为SUperstarkd原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。