Flex Layout Attribute

      <div layout="direction vertically-horizontally reverse">
          <div self="size align order display">`
              ...
          </div>
      </div>

row top-left default (direction vr-hr)

1
2
3

size

(size-x*)
1
2
3
(size-*of*)
1
2
3
(size-xxsmall)
1
2
3
(size-small)
1
2
3
(size-small)
1
2
3
(size-smaller)
1
2
3
(size-medium)
1
2
3
(size-larger)
1
2
3
(size-large)
1
2
3
(size-xlarge)
1
2
3
(size-xxlarge)
1
2
3
(sm/md/lg-full/half)
1
2
3

align

1
2
3

order

first / last / order-*

1
2
3

**-first / **-last

1
2

display

show / hide -- ??

1
2

**-show / **-hide

1
2
3
4
5
6

row top-center default (direction vr-hr)

1
2
3

row top-right default (direction vr-hr)

1
2
3

row top-spread default (direction vr-hr)

1
2
3

row top-justify default (direction vr-hr)

1
2
3

row top-stretch default (direction vr-hr)

1
2
3

row center-left default (direction vr-hr)

1
2
3

row center-center default (direction vr-hr)

1
2
3

row center-right default (direction vr-hr)

1
2
3

row center-spread default (direction vr-hr)

1
2
3

row center-justify default (direction vr-hr)

1
2
3

row center-stretch default (direction vr-hr)

1
2
3

row bottom-left default (direction vr-hr)

1
2
3

row bottom-center default (direction vr-hr)

1
2
3

row bottom-right default (direction vr-hr)

1
2
3

row bottom-spread default (direction vr-hr)

1
2
3

row bottom-justify default (direction vr-hr)

1
2
3

row bottom-stretch default (direction vr-hr)

1
2
3

row stretch-left default (direction vr-hr)

1
2
3

row stretch-center default (direction vr-hr)

1
2
3

row stretch-right default (direction vr-hr)

1
2
3

row stretch-spread default (direction vr-hr)

1
2
3

row stretch-justify default (direction vr-hr)

1
2
3

row stretch-stretch default (direction vr-hr)

1
2
3

column top-left default (direction vr-hr)

1
2
3

column top-center default (direction vr-hr)

1
2
3

column top-right default (direction vr-hr)

1
2
3

column top-spread default (direction vr-hr)

1
2
3

column top-justify default (direction vr-hr)

1
2
3

column top-stretch default (direction vr-hr)

1
2
3

column center-left default (direction vr-hr)

1
2
3

column center-center default (direction vr-hr)

1
2
3

column center-right default (direction vr-hr)

1
2
3

column center-spread default (direction vr-hr)

1
2
3

column center-justify default (direction vr-hr)

1
2
3

column center-stretch default (direction vr-hr)

1
2
3

column bottom-left default (direction vr-hr)

1
2
3

column bottom-center default (direction vr-hr)

1
2
3

column bottom-right default (direction vr-hr)

1
2
3

column bottom-spread default (direction vr-hr)

1
2
3

column bottom-justify default (direction vr-hr)

1
2
3

column bottom-stretch default (direction vr-hr)

1
2
3

column stretch-left default (direction vr-hr)

1
2
3

column stretch-center default (direction vr-hr)

1
2
3

column stretch-right default (direction vr-hr)

1
2
3

column stretch-spread default (direction vr-hr)

1
2
3

column stretch-justify default (direction vr-hr)

1
2
3

column stretch-stretch default (direction vr-hr)

1
2
3

rows top-left default (direction vr-hr)

1
2
3

rows top-center default (direction vr-hr)

1
2
3

rows top-right default (direction vr-hr)

1
2
3

rows top-spread default (direction vr-hr)

1
2
3

rows top-justify default (direction vr-hr)

1
2
3

rows top-stretch default (direction vr-hr)

1
2
3

rows center-left default (direction vr-hr)

1
2
3

rows center-center default (direction vr-hr)

1
2
3

rows center-right default (direction vr-hr)

1
2
3

rows center-spread default (direction vr-hr)

1
2
3

rows center-justify default (direction vr-hr)

1
2
3

rows center-stretch default (direction vr-hr)

1
2
3

rows bottom-left default (direction vr-hr)

1
2
3

rows bottom-center default (direction vr-hr)

1
2
3

rows bottom-right default (direction vr-hr)

1
2
3

rows bottom-spread default (direction vr-hr)

1
2
3

rows bottom-justify default (direction vr-hr)

1
2
3

rows bottom-stretch default (direction vr-hr)

1
2
3

rows stretch-left default (direction vr-hr)

1
2
3

rows stretch-center default (direction vr-hr)

1
2
3

rows stretch-right default (direction vr-hr)

1
2
3

rows stretch-spread default (direction vr-hr)

1
2
3

rows stretch-justify default (direction vr-hr)

1
2
3

rows stretch-stretch default (direction vr-hr)

1
2
3

columns top-left default (direction vr-hr)

1
2
3

columns top-center default (direction vr-hr)

1
2
3

columns top-right default (direction vr-hr)

1
2
3

columns top-spread default (direction vr-hr)

1
2
3

columns top-justify default (direction vr-hr)

1
2
3

columns top-stretch default (direction vr-hr)

1
2
3

columns center-left default (direction vr-hr)

1
2
3

columns center-center default (direction vr-hr)

1
2
3

columns center-right default (direction vr-hr)

1
2
3

columns center-spread default (direction vr-hr)

1
2
3

columns center-justify default (direction vr-hr)

1
2
3

columns center-stretch default (direction vr-hr)

1
2
3

columns bottom-left default (direction vr-hr)

1
2
3

columns bottom-center default (direction vr-hr)

1
2
3

columns bottom-right default (direction vr-hr)

1
2
3

columns bottom-spread default (direction vr-hr)

1
2
3

columns bottom-justify default (direction vr-hr)

1
2
3

columns bottom-stretch default (direction vr-hr)

1
2
3

columns stretch-left default (direction vr-hr)

1
2
3

columns stretch-center default (direction vr-hr)

1
2
3

columns stretch-right default (direction vr-hr)

1
2
3

columns stretch-spread default (direction vr-hr)

1
2
3

columns stretch-justify default (direction vr-hr)

1
2
3

columns stretch-stretch default (direction vr-hr)

1
2
3

Sample

1
2
3
4
5
6
7
8