当你的盒子使用了dispaly:flex;布局,然后在项目中有时候又需要在特殊条件下,把那个盒子隐藏掉,并且不会占用空间;这时第一想到的当然是display:none;然后你就发现它居然不起作用了,元素实现了隐藏,但是 空间还是占据着的,尴尬;
解决dispaly的flex和none冲突的办法:
在外面套个盒子,隐藏外面的即可;
当你的盒子使用了dispaly:flex;布局,然后在项目中有时候又需要在特殊条件下,把那个盒子隐藏掉,并且不会占用空间;这时第一想到的当然是display:none;然后你就发现它居然不起作用了,元素实现了隐藏,但是 空间还是占据着的,尴尬;
解决dispaly的flex和none冲突的办法:
在外面套个盒子,隐藏外面的即可;