Skip to content

Commit 5501352

Browse files
committed
Update 2018-04-30-Flex布局.md
1 parent 32316e5 commit 5501352

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

_posts/2018-04-30-Flex布局.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ flex-direction //row(默认,主轴水平从左到右)\|row-reverse
2323
flex-wrap //nowrap(默认,不换行)\|wrap(第一行在上方)\|
2424
wrap-reverse(第一行在下方)
2525

26-
flex-flow //[ <flex-direction> \| <flex-wrap> ](默认row nowrap)
26+
flex-flow //[ <'flex-direction'> \| <'flex-wrap'> ](默认row nowrap)
2727

2828
justify-content //在主轴上的对齐方式(假设主轴从左到右,默认起点对齐)
2929
flex-start\|flex-ens\|center\|space-between\|space-around
@@ -45,13 +45,13 @@ flex-start\|flex-ens\|center\|stretch\|space-between\|space-around
4545
}
4646
```
4747

48-
order: <integer>; //数值越小,排列越靠前(默认为0)
48+
order: /<integer/>; //数值越小,排列越靠前(默认为0)
4949

50-
flex-grow: <number>; //项目放大比例(默认为0,表示不放大)
50+
flex-grow: /<number/>; //项目放大比例(默认为0,表示不放大)
5151

52-
flex-shrink:<number>; //项目缩小比例(默认为1,表示若空间不足则缩小)
52+
flex-shrink:/<number/>; //项目缩小比例(默认为1,表示若空间不足则缩小)
5353

54-
flex-basis:<length>\|auto; //项目占据的主轴空间 (默认为auto,即项目本身大小)
54+
flex-basis:/<length/>\|auto; //项目占据的主轴空间 (默认为auto,即项目本身大小)
5555

5656
flex:none \\[ <'flex-grow'> <'flex-shrink'>? \| <'flex-basis'> ]
5757
(flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto。后两个属性可选)

0 commit comments

Comments
 (0)