flex布局原理
通過給父盒子新增flex屬性來控制子盒子的位置和排列方式
常見父項屬性
flex-direction: row | row-reverse | column | column-reverse;
flex-wrap: nowrap | wrap | wrap-reverse;
flex-flow: flex-direction | flex-wrap 復合屬性
單行屬性 ：
主軸
justify-content: flex-start | flex-end | center | space-between | space-around;
space-between：兩端對齊，專案之間的間隔都相等；
space-around：每個專案兩側的間隔相等；
側軸
align-items: flex-start | flex-end | center | baseline | stretch;
多行屬性：
align-content: flex-start | flex-end | center | space-between | space-around | stretch;
常見子項item的屬性
flex：num,表示子專案分配剩餘空間，所佔份數
align-self，控制子項自己在側軸上排列的方式，所以這個方法用在子項自己身上，而不是父項
彈性布局flex知識點和常用點
justify content 彈性元素們在主軸上的對齊方式 align items 彈性元素們在側軸上的對齊方式 flex wrap 決定彈性元素溢位容器時的換行方式 align content 用於修改換行後 設定了flex wrap 在多 況下，行與行之間的對齊方式。order 規定了彈性子元...
flex布局知識點
flexbox 布局最合適小規模布局，而網格布局適合較大規模布局。float,clear,vertical align 在flex中不起作用。flex布局中，有兩類作用于父節點也子節點的樣式，大部分簡單的布局只要把父節點寫好了，子節點是沒有多大問題的。display flex 宣告布局方式 flex...
flex布局（彈性布局）
flex是flexible box的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性。任何乙個容器都可以指定為flex布局。box行內元素也可以使用flex布局。boxwebkit核心的瀏覽器，必須加上 webkit字首。box注意，設為flex布局以後，子元素的float clear和vert...