如何将antd步骤条Step组件title，icon和description垂直对齐

要将antd步骤条Step组件的title、icon和description垂直对齐，可以使用flexbox布局。具体做法如下：

1. 给Step组件的外层容器设置display:flex，使其成为一个flex容器。

2. 给Step组件的title、icon和description分别设置flex属性为1，使它们在父容器中等分宽度。

3. 给Step组件的title、icon和description分别设置display:flex和align-items:center属性，使它们在垂直方向上居中对齐。

示例代码如下：

import { Steps } from 'antd';

const { Step } = Steps;

<Steps>
  <Step title="Step 1" description="This is a description" icon={<Icon type="user" />} />
  <Step title="Step 2" description="This is a description" icon={<Icon type="solution" />} />
  <Step title="Step 3" description="This is a description" icon={<Icon type="smile-o" />} />
</Steps>

// 样式
.steps-container {
  display: flex;
}

.ant-steps-item-title,
.ant-steps-item-icon,
.ant-steps-item-description {
  flex: 1;
  display: flex;
  align-items: center;
}