IT小书童 - 为程序员提供优质教程和文档

css flex flex-grow属性设置子元素放大比例，如果父元素有剩余空间而所有子元素的flex-grow属性设置为1，那么这些子元素等分剩余空间。如果子元素B的flex-grow属性为2，其他子元素都为1，那么B元素占据的剩余空间将比其他子元素多一倍。

css flex order属性子元素的排列顺序，值越小越排前面。父元素的flex-direction属性也可以对子元素进行排序，但是没有order灵活。

css flex align-content属性在多根交叉轴（flex-wrap: wrap换行会产生多根交叉轴）上对齐方式垂直对齐方式，功能是不是和align-items类似呢，不好理解和align-items的区别？请仔细看我们两者对比的例子

justify-content属性控制子元素在主轴上的对齐方式,支持flex-start 、 flex-end 、 center 、 space-between 、 space-around对齐方式。

css flex align-items属性子元素在交叉轴上对齐方式，如果不好理解，可以把flex-direction为row可以理解成垂直对齐方式即可，有flex-start 、 flex-end 、 center 、 baseline 、 stretch可选值。

css flex flex-flow属性为flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。

css flex flex-wrap属性，子元素换行方式支持nowrap、wrap、wrap-reverse，默认nowrap不换行。

css flex-direction属性，子元素在主轴的排列方向,有row、row-reverse、column、column-reverse四个值可选。

Ant Design Vue提供了Mentions组件来实现类似@和#话题的功能，比如在微博和微信群中我们会用@符号去提醒某个人注意，也会用#符号去创建新的话题，Ant Design Vue在1.5.0+新增了此功能，用起来也特别的简单。

我们通常会遇到这样一种场景，输入一串条码为了用户可以方便校对需要把这串字符串进行格式化（比如逗号或者-符号隔开）

Ant Design Vue Input 搜索框用法，支持搜索中、搜索图标。