任何一個容器都可以指定為Flex佈局。 行內元素也可以使用Flex佈局。 Webkit內核的瀏覽器，必須加上-webkit首碼。 註意，設為Flex佈局以後，子元素的float、clear和vertical-align屬性將失效。 採用Flex佈局的元素，稱為Flex容器（flex containe ...
任何一個容器都可以指定為Flex佈局。
.box{ display: flex; }
行內元素也可以使用Flex佈局。
.box{ display: inline-flex; }
Webkit內核的瀏覽器，必須加上-webkit首碼。
.box{ display: -webkit-flex; /* Safari */ display: flex; }
註意，設為Flex佈局以後，子元素的float、clear和vertical-align屬性將失效。
採用Flex佈局的元素，稱為Flex容器（flex container），簡稱"容器"。它的所有子元素自動成為容器成員，稱為Flex項目（flex item），簡稱"項目"。
容器預設存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）
以下6個屬性設置在容器上。
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
