diff --git a/components/layout/demo/basic.md b/components/layout/demo/basic.md index a7c69bfbe1..20d39dd859 100644 --- a/components/layout/demo/basic.md +++ b/components/layout/demo/basic.md @@ -2,9 +2,9 @@ - order: 1 -从堆叠到水平排列 +从堆叠到水平排列。 -使用单一的一组 `.col-*` 栅格类,就可以创建一个基本的栅格系统,所有列(column)必须放在 `.row` 内 +使用单一的一组 `.col-*` 栅格类,就可以创建一个基本的栅格系统,所有列(column)必须放在 `.row` 内。 --- diff --git a/components/layout/demo/flex-align.md b/components/layout/demo/flex-align.md index 69566b41dd..14c03f8134 100644 --- a/components/layout/demo/flex-align.md +++ b/components/layout/demo/flex-align.md @@ -2,7 +2,7 @@ - order: 5 -Flex 子元素垂直对齐 +Flex 子元素垂直对齐。 --- diff --git a/components/layout/demo/flex-order.md b/components/layout/demo/flex-order.md index e591193331..395e2b6db8 100644 --- a/components/layout/demo/flex-order.md +++ b/components/layout/demo/flex-order.md @@ -2,7 +2,7 @@ - order: 6 -通过 Flex 布局的 Order 来改变元素的排序 +通过 Flex 布局的 Order 来改变元素的排序。 --- diff --git a/components/layout/demo/flex.md b/components/layout/demo/flex.md index b24a0de7f1..ce63f27c26 100644 --- a/components/layout/demo/flex.md +++ b/components/layout/demo/flex.md @@ -2,7 +2,7 @@ - order: 4 -Flex 布局基础 +Flex 布局基础。 使用 `row-flex` 定义 `flex` 布局,其子元素根据不同的值 `start`,`center`,`end`,`space-between`,`space-around`,分别定义其在父节点里面的排版方式。 diff --git a/components/layout/demo/offset.md b/components/layout/demo/offset.md index 5982013a8e..269567f768 100644 --- a/components/layout/demo/offset.md +++ b/components/layout/demo/offset.md @@ -2,7 +2,7 @@ - order: 2 -列偏移 +列偏移。 使用 `.col-offset-*` 类可以将列向右侧偏。例如,`.col-offset-4` 类将 `.col-md-4` 元素向右侧偏移了4个列(column)的宽度。 diff --git a/components/layout/demo/sort.md b/components/layout/demo/sort.md index 8a2a78e2a3..6ccea21c71 100644 --- a/components/layout/demo/sort.md +++ b/components/layout/demo/sort.md @@ -2,7 +2,7 @@ - order: 3 -列排序 +列排序。 通过使用 `.col-push-*` 和 `.col-pull-*` 类就可以很容易的改变列(column)的顺序。 diff --git a/components/layout/index.md b/components/layout/index.md index afe4cc4a33..f202e6d458 100644 --- a/components/layout/index.md +++ b/components/layout/index.md @@ -57,9 +57,9 @@ -考虑到 Ant Design 面临的业务多数的情况下需要在设计区域内解决大量信息收纳的问题,因此在 12 栅格系统的基础上,我们将整个设计区域建议按照 24 等分的原则划分。 +在多数业务情况下,Ant Design需要在设计区域内解决大量信息收纳的问题,因此在12栅格系统的基础上,我们将整个设计建议区域按照24等分的原则进行划分。 -划分之后的信息区块我们称之为“盒子”。建议横向排列的盒子数量最多四个,最少一个。“盒子”在整个屏幕上占比见上图。设计部分急于盒子的单位定制盒子内部的排版规则以保证在视觉层面的舒适感。 +划分之后的信息区块我们称之为“盒子”。建议横向排列的盒子数量最多四个,最少一个。“盒子”在整个屏幕上占比见上图。设计部分基于盒子的单位定制盒子内部的排版规则,以保证视觉层面的舒适感。 ## 概述 @@ -74,7 +74,7 @@ 我们的栅格化系统支持 Flex 布局,允许子元素在父节点内的水平对齐方式 - 居左、居中、居右、等宽排列、分散排列。子元素与子元素之间,支持顶部对齐、垂直居中对齐、底部对齐的方式。同时,支持使用 order 来定义元素的排列顺序。 -Flex 布局是基于24栅格来定义每一个“盒子”的宽度,但排版则不拘泥于栅格。 +Flex 布局是基于 24 栅格来定义每一个“盒子”的宽度,但排版则不拘泥于栅格。