fxLayout API

说明：fxLayout布局方式分为行布局和列布局。

• 当行布局时，dom内的元素左右排列。
• 当列布局时，dom内的元素上下排列。

主要有以下4种：

1. fxLayout="row"の場合

eg:
<div fxLayout="row">
    <div>1. One</div><div>2. Two</div><div>3. Three</div><div>4. Four</div>  
</div>

1. fxLayout="column"の場合

eg:
<div fxLayout="column">
　<div>1. One</div>
    <div>2. Two</div>
    <div>3. Three</div>
    <div>4. Four</div>
</div>

1. fxLayout="row-reverse"の場合

eg:
<div fxLayout="row-reverse">
    <div>1. One</div><div>2. Two</div><div>3. Three</div><div>4. Four</div>  
</div>

1. fxLayout="column-reverse"の場合

eg:
<div fxLayout="column-reverse">
　<div>1. One</div>
    <div>2. Two</div>
    <div>3. Three</div>
    <div>4. Four</div>
</div>

fxLayout选项

Html写法	CSS写法
''(默认)	flex-direction: row
row	flex-direction: row
row-reverse	flex-direction: row-reverse
column	flex-direction: column
column-reverse	flex-direction: column-reverse