flex: display:flex;margin:auto

`flex: display:flex;margin:auto` 是一个CSS属性的组合，用于设置一个元素的布局和居中对齐。

`display:flex` 是一个用于创建弹性布局的CSS属性。它将一个元素的子元素排列为一行，并根据需要自动调整它们的大小。这个属性可以应用于父元素。

`margin:auto` 是一个用于设置元素外边距的CSS属性。当将其应用于一个元素时，它会自动将元素在水平和垂直方向上居中对齐。

以下是一个示例代码，演示了如何使用`flex`和`margin:auto`来实现居中对齐的效果：

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-color: lightgray;
}

.box {
  width: 100px;
  height: 100px;
  background-color: blue;
  margin: auto;
}
</style>

<div class="container">
  <div class="box"></div>
</div>

在上面的示例中，`.container` 是一个具有`display:flex`属性的容器元素，它使用`justify-content:center`和`align-items:center`将其子元素水平和垂直居中对齐。`.box` 是一个具有`margin:auto`属性的子元素，它会自动在水平和垂直方向上居中对齐。