flex容器是flex元素的的父元素。 通過設定display屬性的值為flex或inline-flex定義。
注舊版本的屬性值：
flex容器的每乙個子元素均為乙個flex子元素。注意：felx容器直接包含的文字變為匿名的彈性子元素。
注意：flexbox布局和原來的布局是2套概念，所以部分css屬性在flex子元素中將不起作用，比如：float,clear,vertical-align,column-*等
每個flex子元素沿著主軸（main axis）依次相互排列。交叉軸（cross axis）垂直於主軸。
flex容器的主軸起點邊緣（main start）、主軸終點邊緣（main end）和交叉軸起點邊緣（cross start）,交叉軸終點邊緣（cross end）為flex子元素排列的起始和結束位置。它們具體取決於由writing-mode（從左到右、從右到左等等）屬性建立的向量中的主軸和交叉軸位置。
flex子元素根據flex-wrap屬性控制的側軸方向（在這個方向上可以建立垂直的新線），既可以是一行也可以是多行排列。
flex子元素寬高可相應地等價於主尺寸（main size）和交叉尺寸（cross size），它們都分別取決於flex容器的主軸和側軸。
flex布局基本概念
box sizing box sizing content box 寬高只是內容的寬高，加入邊框和內邊距向外擴張 box sizing border box 寬高是總盒子的寬高，加入邊框和內邊距向內壓縮。flex布局 採用flex布局的元素，成為flex容器 box flex容器的所有子元素自動成為...
grid布局基本概念整理
回顧一下web頁面布局的歷程，於我個人而言，經歷了最開始的學習計算機程式設計時的table布局和基礎的div css布局，再到後來的flex彈性盒布局。div css布局給web頁面布局帶來了更多可能，解決了table布局的侷限性。頁面是以 的自上而下的文件流的形式呈現的，所以div css的浮動解...
基本概念 C 基本概念
由於工作中需要用到c 編寫的一些工具，有時候需要根據需求修改或者定製工具，所以現在不得不學習一下c 的基礎語法，此為筆記，不成章法！機器語言 組合語言 高階語言 面向過程的程式設計方法 物件導向的程式設計方法 泛型程式設計方法 1 演算法設計 2 源程式編輯 3 編譯 4 連線 5 執行除錯 輸入裝...