# Flex对齐
- order: 5
Flex 子元素垂直对齐。
---
````jsx
import { Row, Col } from 'antd';
const DemoBox = React.createClass({
render() {
const { value } = this.props;
const className = `hight-${value}`;
return (
{this.props.children}
);
}
});
ReactDOM.render(
顶部对齐
.col-4
.col-4
.col-4
.col-4
居中对齐
.col-4
.col-4
.col-4
.col-4
底部对齐
.col-4
.col-4
.col-4
.col-4
,
mountNode
);
````