本人在写页面的时候用了display:flex的布局，但是在js里用到show和hide方法时，display:flex布局就失效了。
原因是show()是通过把display属性从none改为block的过程，所以有了display:block, flex自然就失效了。
因为block:flex其实已经block化了，我的解决方法是用$('#div').css('display','flex'); 替换$('#div').show()，css里的flex也可以删除了。hide()还是正常使用不影响。