flex布局的情况下如何使用display:block,dispaly:none 冲突问题

问题描述

自己的布局使用的flex布局，现在有需求需要利用JQ（js）操作不同的对象显示以及隐藏。如果是之前，我们可以利用

display：none；

display：block；

两个类。交替操作，达到我们的目的。现在前面使用了flex布局，就会导致失效问题，如果不是很明白这一点，可以查看我之前写的（关于float失效的问题一文）;

首先先为大家排坑，

overflow：hidden不可以

visibility: hidden;   也不可以，虽然隐藏了，但是还是会有占位

我们可以设置如下

display：none ！ important；

我们的目的是为了隐藏，不要管他隐藏之后的冲突问题了。

至于显示的问题，我们不要在为其加入其他的类就不会冲突了