常見父元素flex-direction 設定主軸方向
justify-content 設定主軸上的子元素排列方式
flex-wrap 設定子元素是否換行
align-items 設定側軸子元素的排列方式 （單行）
align-content 設定側軸子元素的排列方式（多行）
flex-flow 復合屬性，相當於設定了flex-direction和flex-wrap
div
span
flex-flow:row wrap;.item預設值為 auto，表示繼承父元素的 align-items 屬性，如果沒有父元素，則等同於 stretch。
span:nth-child(2)注意：和 z-index 不一樣。
.item布局 Flex伸縮布局
flex是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性，任何乙個容器都可以指定為flex布局。採用flex布局的元素，稱為flex容器，簡稱 容器 它的所有子元素自動成為容器成員，成為flex專案，簡稱 專案 總結 通過給父盒子新增flex屬性，來控制子盒子的位...
Flex伸縮布局
移動端瀏覽器我們主要對webkit核心進行相容 我們現在開發的移動端主要針對手機端開發 現在移動端碎片化比較嚴重，解析度和螢幕尺寸大小不一 視口 就是瀏覽器顯示頁面內容的螢幕區域。視口可以分為布局視口 視覺視口 理想視口 其中最常用的就是理想視口 布局視口 在早期手機還能打 和收簡訊的時代。廠商萌生...
flex伸縮布局
flex布局 使用 如果是pc端頁面布局，採用傳統方式 如果是移動端或者是不考慮相容的pc則採用flex 特點 flex 是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性操作，面試 flex布局又叫伸縮 布局 彈性布局 伸縮盒布局 彈性盒布局 名稱 語法 disp...