用weui做微网站陷入了flex布局的坑。
flex与text-overflow配合效果一直都不是很理想。查阅了不少资料都无法解决问题(基本上能搜到的资料都是2层结构的,即flex容器与flex项两层,而自己的项目里面是有多层结构的,所以一直搭配不良)。
最后,多次尝试后终于解决问题。
即除了text-overflow,white-space,overflow之外需要在flex项(就flex:1那一些容器)里面设置宽度!
重点:宽度要足够小!这点网上压根就没有人说
flex有不错的自适应性,设置较小的宽度一般不会对布局造成影响