align-items: center;使用的代码示例

`align-items: center;` 是 CSS 属性中用来设置元素内部子元素的垂直对齐方式的属性。如果元素内部有多个子元素，该属性将会对所有子元素生效。当使用 `align-items: center;` 属性时，子元素将会在元素的垂直方向上居中对齐。

下面是一个使用 `align-items: center;` 属性的示例代码：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

.container {
  display: flex;
  align-items: center;
  height: 200px;
  background-color: #eee;
}

.item {
  width: 100px;
  height: 50px;
  background-color: #ccc;
  margin: 10px;
}

在上面的代码中，`.container` 元素使用了 `display: flex;` 属性，使其成为一个 Flex 容器。接着使用 `align-items: center;` 属性来设置子元素的垂直对齐方式为居中对齐。最后，设置 `.container` 元素的高度为 200px，以及 `.item` 元素的宽度和高度。效果是子元素在垂直方向上居中对齐。