使用flex display垂直居中显示列表？

使用flex display可以通过以下步骤实现垂直居中显示列表：

1. 首先，给包含列表的父元素设置一个容器，设置容器的display属性为flex。

.container {
  display: flex;
  /* 可选项：设置主轴方向为垂直，即将元素在垂直方向上排列 */
  flex-direction: column;
  /* 可选项：将元素在交叉轴上居中对齐 */
  align-items: center;
}

1. 然后，给列表项设置一个容器，并设置容器的flex属性为1，以便列表项可以占满父元素的剩余空间。

.item {
  display: flex;
  flex: 1;
  /* 可选项：将子元素在主轴上居中对齐 */
  justify-content: center;
  /* 可选项：将子元素在交叉轴上居中对齐 */
  align-items: center;
}

1. 最后，将列表项放置在父元素中。

<div class="container">
  <div class="item">列表项 1</div>
  <div class="item">列表项 2</div>
  <div class="item">列表项 3</div>
</div>

通过上述步骤，可以实现使用flex display垂直居中显示列表。在这个例子中，父元素被设置为垂直方向上排列，列表项通过设置flex属性为1来占满剩余空间，并在主轴和交叉轴上进行居中对齐。这种布局方法可以适用于各种情况，例如导航菜单、图片展示和按钮列表等。

对于腾讯云的相关产品和介绍链接，可以根据具体需求选择适合的产品，例如：

• 云服务器（CVM）：提供弹性、安全的云服务器实例，适用于各种应用场景。详细介绍请参考：腾讯云云服务器
• 云数据库 MySQL 版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种关系型数据库需求。详细介绍请参考：腾讯云云数据库 MySQL 版
• 云存储（COS）：提供可靠、安全的对象存储服务，适用于大规模数据存储和备份。详细介绍请参考：腾讯云云存储（COS）

以上只是腾讯云的一些产品示例，还有更多产品和解决方案可根据具体需求进行选择。