一、什么是flex? flex是css3中引入的一種布局方式，可以非常靈活高效控制元素的排列與對齊方式，大多數人稱之為彈性布局. 二、怎么使用flex? 任何一個容器都可以指定為flex布局 三、flex的基本術語 采用flex布局的元素被稱為flex容器 ...

（flex用到的比較多） 給父級設置display：flex；這個父級就變成了一個具備彈性功能的盒子區域， ...

　　這是一個常見的頁面布局，Header→Body→Footer，中間Body包含兩到三列，重要內容放置在html靠前位置，優先加載，html代碼如下： 　　如果使用傳統的CSS來實現，比較麻煩，得使用float，margin負值，但是采用CSS3一個新增屬性——display ...

1.等分布局： 中間固定兩邊自適應： 固定兩個，一個自適應 2.流式布局： 模仿float浮動布局 3.聖杯布局：（自適應布局） 先來看一下結構布局： ...

一、怪異盒模型 怪異盒模型的屬性是box-sizing，他有兩個屬性值： 1、content-box 　　這是由 CSS2.1 規定的寬度高度行為。寬度和高度分別應用到元素的內容框。在寬度和高度之外繪制元素的內邊距和邊框。 　　簡而言之就是，一般的盒子都是屬於這種，最顯著的特點 ...

css3 flex彈性盒自動鋪滿寫法 ...

前面的話 　　前面已經詳細介紹過flex彈性盒模型的基本語法和兼容寫法，本文將介紹flex在布局中的應用 元素居中 【1】伸縮容器上使用主軸對齊justify-content和側軸對齊align-items 【2】在伸縮項目上使用margin:auto ...