很多人在使用 Flex 布局时会遇到一个奇怪的问题：明明已经设置了 text-overflow: ellipsis，但文字超出容器时却没有显示省略号。这种情况经常发生在复杂的 Flex 布局中。

flex的值 auto, none, 0, 1, initial分别是什么？有什么作用？有什么表现？flex-basis和width的区别？单值flex-basis：0与auto的区别？flex-basis：100px与width：100px一样吗？

在低版本的手机系统中，我们发现 button 不能够作为 flex 容器，即使在 CSS 中指定了 display: flex 且 autoprefixer 也已经转换成兼容属性，也还是不起作用。具体表现在其内容并不能使用 flex 布局对齐，比如说居中。

最近在搞微信小程序，发现flex下使用省略号是没有效果的，而且还会打乱预期的结构，查询statckoverflow知道需要在父级设置min-width:0; 但是在我的尝试下，依然不行，原来在上层父级就是flex那一级别也需要设置 min-width:0