Question

用弹性和布局时，display：flex可以和display：none一起使用吗

Answer 1

display:none会覆盖display:flex属性的。不存在你说的问题。

ps:可能是你的代码逻辑有问题。

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。
让一个盒子具有弹性布局的属性，要先给其加上样式display:flex；OK我们也会看到有写的是display:box/display:flexbox；其实他们只是不同时期的规范：
新规范：2013年最新版本规范的语法 即display:flex/inline-flex;
中间版本：2011年非官方规范的语法 即display:flexbox/inline-flexbox;
老规范：2009年规范的语法 即display:box/inline-/box。