在 CSS 中，display 属性是一个十分重要的属性，它控制着元素在网页上的显示方式。而其中的 display:flex 属性则是 CSS3 中新增的，可以说是非常强大并且更加灵活的一种布局方式。

display: flex;

display:flex 属性定义了一个弹性盒（flex container）,内部的各个元素根据弹性布局模型进行排列。在使用这种属性时，可以很灵活地控制元素的排列方式、宽度、高度以及间距。

可以通过 flex-direction 属性来设置弹性盒的主轴方向，可以是 row、row-reverse、column、column-reverse。通过调整主轴方向，可以实现水平排列、垂直排列或者横向与纵向混合排列。比如以下代码把元素设置从上到下排列：

display: flex;flex-direction: column;

还可以通过设置 justify-content 和 align-items 属性来控制弹性盒内部元素的对齐和间距。justify-content 可以设置为 flex-start、flex-end、center、space-between、space-around，分别表示左对齐、右对齐、居中对齐、两端对齐和分散对齐。而 align-items 则有 stretch、flex-start、flex-end、center、baseline 五种对齐方式。以下代码将元素竖直居中对齐：

display: flex;justify-content: center;align-items: center;

弹性盒模型还可以用来实现响应式布局，随着不同设备和窗口大小的变化，元素的排列方式和大小会发生相应的变化，使页面在不同设备上都可以看到最佳的效果。

总之，display: flex 属性可以帮助我们更加轻松地实现复杂布局，让我们更能关注网页的设计和风格本身，而不需要过于操心对齐和排列元素的麻烦事情。所以，熟练掌握 CSS 中属性的使用非常必要，display:flex 这个属性更加需要掌握并灵活运用。