display: flex和display: none有什么区别

`display: flex`和`display: none`是两种不同的CSS属性，它们有以下区别：

1. `display: flex`：这是一个用于布局的CSS属性，它将元素设置为弹性盒子（flexbox）。通过设置`display: flex`，你可以在元素的父容器中创建一个弹性布局，使其子元素能够灵活地排列和对齐。使用`flex`属性，你可以控制子元素在主轴和交叉轴上的分布和对齐方式，实现灵活的布局效果。

2. `display: none`：这是一个用于隐藏元素的CSS属性。通过设置`display: none`，元素将被完全隐藏，不在页面上占用空间，并且不会对布局产生任何影响。被隐藏的元素不可见，也不会响应用户的交互事件。与`visibility: hidden`不同，`display: none`会将元素从文档流中移除。

总结起来，`display: flex`用于改变元素的布局方式，并创建弹性盒子布局，而`display: none`用于完全隐藏元素，并从文档流中移除。