ant-design/components/grid/demo/flex.md

## zh-CN

布局基础。

子元素根据不同的值 `start`、`center`、`end`、`space-between`、`space-around` 和 `space-evenly`，分别定义其在父节点里面的排版方式。

## en-US

Child elements depending on the value of the `start`, `center`, `end`, `space-between`, `space-around` and `space-evenly`, which are defined in its parent node typesetting mode.

```css
#grid-demo-flex [class~='ant-row'] {
  background: rgba(128, 128, 128, 0.08);
}
```
docs(translation): translation for layout (#2635) 2016-08-08 10:40:02 +08:00			`## zh-CN`

feat: Col support `flex` prop (#16635) * feat: Col support `flex` prop * update snapshot * update doc * row component use flex type by default * revert grid flex layout doc * remove float style * remove doc old FAQ * revert .make-row * col style use flex and max-width * remove useless Col style and imorove base doc for a single Col * update snapshots * fix flex mode pseudo * update snapshots * back to old flex mode demo gray background color * set default col flex => 1 auto * change grid about flex mode description * update snapshots * improve grid introduce and fix with gutter bug * update snapshots * remove version 2019-11-20 11:13:24 +08:00			`布局基础。`
feat: 增加 flex 布局的支持 2015-06-09 22:19:35 +08:00
feat(row): add support for space-evenly (#34606) * feat(row): add support for space-evenly * docs: update demo snapshot. Co-authored-by: gp5251 <gp5251@qq.com> 2022-03-21 09:49:21 +08:00			子元素根据不同的值 `start`、`center`、`end`、`space-between`、`space-around` 和 `space-evenly`，分别定义其在父节点里面的排版方式。
feat: 增加 flex 布局的支持 2015-06-09 22:19:35 +08:00
docs(translation): translation for layout (#2635) 2016-08-08 10:40:02 +08:00			`## en-US`

feat(row): add support for space-evenly (#34606) * feat(row): add support for space-evenly * docs: update demo snapshot. Co-authored-by: gp5251 <gp5251@qq.com> 2022-03-21 09:49:21 +08:00			Child elements depending on the value of the `start`, `center`, `end`, `space-between`, `space-around` and `space-evenly`, which are defined in its parent node typesetting mode.
docs(translation): translation for layout (#2635) 2016-08-08 10:40:02 +08:00
feat: Col support `flex` prop (#16635) * feat: Col support `flex` prop * update snapshot * update doc * row component use flex type by default * revert grid flex layout doc * remove float style * remove doc old FAQ * revert .make-row * col style use flex and max-width * remove useless Col style and imorove base doc for a single Col * update snapshots * fix flex mode pseudo * update snapshots * back to old flex mode demo gray background color * set default col flex => 1 auto * change grid about flex mode description * update snapshots * improve grid introduce and fix with gutter bug * update snapshots * remove version 2019-11-20 11:13:24 +08:00			```css
docs: unify component export file as index.tsx (#50013) * docs: unify component export file as index.tsx * docs: compatible with old anchors * chore: clean * test: update snapshot * fix: window env --------- Co-authored-by: Peach <scdzwyxst@gmail.com> 2024-07-23 22:22:24 +08:00			`#grid-demo-flex [class~='ant-row'] {`
fix: data-theme 2019-12-23 17:16:26 +08:00			`background: rgba(128, 128, 128, 0.08);`
feat: Col support `flex` prop (#16635) * feat: Col support `flex` prop * update snapshot * update doc * row component use flex type by default * revert grid flex layout doc * remove float style * remove doc old FAQ * revert .make-row * col style use flex and max-width * remove useless Col style and imorove base doc for a single Col * update snapshots * fix flex mode pseudo * update snapshots * back to old flex mode demo gray background color * set default col flex => 1 auto * change grid about flex mode description * update snapshots * improve grid introduce and fix with gutter bug * update snapshots * remove version 2019-11-20 11:13:24 +08:00			`}`
			```