display: flex;

这是CSS的一个属性，它定义了一个元素的子元素如何排列和对齐。使用这个属性可以实现很多布局效果，比如横向排列、纵向排列、居中对齐等等。通常配合其他属性一起使用，比如flex-direction、justify-content、align-items等。例如，设置一个元素及其子元素横向排列并居中对齐可以这样写：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}