[12th 鐵人賽] Flexbox 的使用姿勢 Part 2, Day 8
流
當我們定義好一個 flex 的容器時,昨天有說過了,預設會使用 row
這個設定來定義容器的流向。所以,在容器定義好的當下,我們把基本的容器設定展開來看,另外,我們賦予他 wrap 的設定,避免當中的元件被切掉,
.flexbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
/* 以上等同於 */
/* flex-flow: row wrap; */
width: 100%;
}
關於容器內容的流向、邊界、對齊等等,我們可以簡單的說明如下,