vue-flex

basic flex

{{index + 1}}

flex-direction

flex-wrap

justify-content

align-items

align-content

order

(1) in third place

(2) in first place

(3) in second place

align-self

provide workarounds for cross-browser bug

Fix: IE10-11, containers with display: flex and flex-direction: column will not properly calculate their flexed childrens' sizes if the container has min-height but no explicit height property

{{index + 1}}

Fix: IE 11 does not vertically align items correctly when min-height is used

{{index + 1}}

Fix: When using align-items:center on a flex container in the column direction, the contents of flex item, if too big, will overflow their container in IE 10-11. the content of box would not overflow this box