1. 程式人生 > >display:block(或jq的show方法)與display:flex的衝突問題

display:block(或jq的show方法)與display:flex的衝突問題

本人在寫頁面的時候用了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()還是正常使用不影響。