unipp的display:flex失效

当父元素设置了display:flex时，子元素中的display:none或display:block会失效。这是因为display:flex的优先级高于display:none和display:block，使它们的作用失效。如果你希望在使用flex布局时，子元素同时具有display:flex和display:block的效果，可以使用其他方法。一种解决方法是先使用display:none隐藏元素，然后再使用display:flex显示元素。这样，子元素默认就是block元素，可以在flex布局中正常显示。你可以将display:block替换为display:flex来实现这一效果。例如，将原来的`display:block`修改为`display:flex`。这样，即可使unipp的display:flex生效。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [【display:none失效】当display:none遇到了display:flex](https://blog.csdn.net/m0_61892085/article/details/123955786)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* [display: block和display: flex一块用出现的问题](https://blog.csdn.net/qq_42890921/article/details/129099809)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]