存在display: flex的情况下如何使用display: none和display: block

如果一个元素设置了 `display: flex`，那么这个元素的子元素也会受到 flex 布局的影响。因此，如果想要隐藏一个子元素，可以使用 `display: none`。这会将元素从页面中完全移除，包括在 flex 容器中的位置。如果想要显示这个子元素，可以使用 `display: block` 或者 `display: inline-block`，这样子元素就会重新出现在 flex 容器中，并且按照 flex 布局排列。需要注意的是，如果子元素设置了 `display: none`，那么它的 flex 属性也将失效。