横向弹性布局，元素居中对齐如何实现

使用横向弹性布局时，可以通过设置 `display: flex` 和 `align-items: center` 来实现元素居中对齐。具体实现方式如下：

<div style="display: flex; align-items: center;">
  <div>元素1</div>
  <div>元素2</div>
  <div>元素3</div>
</div>

上述代码中，外层容器设置了 `display: flex`，使得容器内的元素按照横向弹性布局排列。同时，通过设置 `align-items: center` 属性，可以让容器内的元素垂直居中对齐。

如果需要水平居中对齐，还可以使用 `justify-content: center` 属性。例如：

<div style="display: flex; justify-content: center; align-items: center;">
  <div>元素1</div>
  <div>元素2</div>
  <div>元素3</div>
</div>

上述代码中，通过设置 `justify-content: center` 属性，可以让容器内的元素水平居中对齐。同时，由于设置了 `align-items: center` 属性，元素也会垂直居中对齐。