flex布局文本超过截取无效的解决方案

用weui做微网站陷入了flex布局的坑。

flex与text-overflow配合效果一直都不是很理想。查阅了不少资料都无法解决问题（基本上能搜到的资料都是2层结构的，即flex容器与flex项两层，而自己的项目里面是有多层结构的，所以一直搭配不良）。

最后，多次尝试后终于解决问题。

即除了text-overflow，white-space，overflow之外需要在flex项（就flex:1那一些容器）里面设置宽度！

重点：宽度要足够小！这点网上压根就没有人说

flex有不错的自适应性，设置较小的宽度一般不会对布局造成影响