display:flex左右居中对齐

display:flex是CSS中的一个属性，用于创建弹性布局。左右居中对齐可以通过以下步骤实现：

1. 创建一个父容器，并将其样式设置为display:flex，这样子元素就可以按照弹性布局排列。
2. 将父容器的justify-content属性设置为center，这样子元素在水平方向上就会居中对齐。
3. 将父容器的align-items属性设置为center，这样子元素在垂直方向上也会居中对齐。

下面是一个示例代码：

<style>
    .container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>

<div class="container">
    <!-- 子元素 -->
</div>

这样，子元素就会在父容器中水平和垂直方向上居中对齐了。