主軸方向：flex-direction
元素在主軸的對齊方式：justify-content
換行方式：flex-wrap
對齊div元素：align-items
多項多軸線的對齊方式，乙個軸線沒有作用：align-content
- 預設、軸線佔滿整個交叉軸：stretch
- 交叉軸起點：flex-start 交叉軸終點：flex-end 交叉軸中點：center
- 交叉軸兩端，間隔平均分布：space-between
- 每根軸線兩側的間隔都相等：space-around
排列順序，數值越小。排列越靠前：order
放大比列：flex-grow
縮小比列：flex-shrink
在分配多餘空間之前，專案佔據的主軸空間：flex-basis
復合樣式：flex
單個或多個專案的對齊方式：align-self、可覆蓋align-items屬性
精通CSS 第8章 布局
所有css布局技術的根本都是3個基本概念 定位 浮動和外邊距操作。8.1 計畫布局 要想建立可伸縮且容易維護的css系統，首先應該檢查設計，尋找重複的模式，這包括頁面結構中的模式或在站點中元素反覆出現的方式。8.2 設定基本結構 使用margin auto 讓設計居中 html lang en cl...
第8章 布局
css布局技術的根本即3個基本概念 定位，浮動，外邊距操縱。一 計畫布局 1 頁面大結構劃分 關注內容區域 尋找共同特徵而不是視覺表現，尋找重複模式 在內容中尋找不同布局 二 設計基本結構 hack 混雜模式中的ie5和ie6不支援margin auto 但是ie將text align center...
第29章 CSS3彈性伸縮布局 上
index.html 從技術上來說，ip internet procotol，網際網路協議 是一種位址協議，是網際網路資訊傳輸的規範和標準，也是網際網路賴以存在的基礎。現在的網際網路大多是建立在ipv4這個版本的位址協議基礎上，這個協議所 產生 的ip位址約有45億個，由國際組織統一分配。簡單來說，...