span标签有汉字字符不能同行问题、icon和字符串不能垂直居中问题

1.span标签中汉字、数组、字母不能同行的解决办法：

white-space:nowrap;

2.vue中icon和字符串垂直居中：

<a-row>
            <a-col :span="24" style="display: flex;align-items: center;color: #fff;">
                <a-icon type="left-square" style="font-size: 16px;display:inline-block;vertical-align:middle;"/>
                <label style="width: 500px;display:inline-block;vertical-align:middle;white-space:nowrap;">3月2021</label>
                <a-icon type="right-square" style="font-size: 16px;display:inline-block;vertical-align:middle;"/>
            </a-col>
        </a-row>

已Ant-design-vue为例，父级标签样式需要这样设置：

display: flex;align-items: center;

子集标签需要设置样式：

font-size: 16px;display:inline-block;vertical-align:middle;