问题描述
自己的布局使用的flex布局,现在有需求需要利用JQ(js)操作不同的对象显示以及隐藏。如果是之前,我们可以利用
display:none;
display:block;
两个类。交替操作,达到我们的目的。现在前面使用了flex布局,就会导致失效问题,如果不是很明白这一点,可以查看我之前写的(关于float失效的问题一文);
首先先为大家排坑,
overflow:hidden不可以
visibility: hidden; 也不可以,虽然隐藏了,但是还是会有占位
我们可以设置如下
display:none ! important;
我们的目的是为了隐藏,不要管他隐藏之后的冲突问题了。
至于显示的问题,我们不要在为其加入其他的类就不会冲突了