弹性盒flex与block冲突问题的解决

1.冲突的产生：
比如有个dispaly:flex;的弹性盒，要求它能够隐藏和显示。正常我们都是display:none;隐藏，display:block;显示出来，对于正常的元素来说，这没有什么问题，但对于弹性盒来说也可以使用block显示出来，但同时也会破坏flex的机制，即显示出来后不在具有弹性盒的功能。
2.解决办法：
其实也很简单，就是使用none隐藏元素后，直接使用flex代替block让元素显示，因为flex元素默认就是block元素。