1.父元素新增display:-瀏覽器核心字首-box;
2.:-瀏覽器核心字首-box-orient:vertical是盒模型的布局方向，預設橫向顯示
3.搜狗是webkit核心，大多相容性與谷歌相同。
4.元素布局方向（與float類似）：-瀏覽器核心字首-box-direction:reverse;處理剩餘空間：-瀏覽器核心字首-box-pack:end所有子元素在盒子右側顯示，剩餘空間在左側；center所有子元素居中，剩餘空間在兩側；justify剩餘空間在子元素之間平均分布。.與2進行比較，體會區別。
5.-瀏覽器核心字首-box-ordinal-group:安放元素在父級索引的具體位置
6.彈性空間管理:-用瀏覽器核心字首-box-flex時可先去除預設寬度，或者設定固定寬度
7.-box-align:在垂直方向上對元素的位置進行管理。start元素在父級元素空間頂部、end底部、center居中.
彈性盒模型
1 css3彈性盒模型 面試題！1.1 怪異盒模型與標準盒模型 1.1.1 兩者邊框大小一樣，彈性盒模型content大小發生變化。總體不變。標準盒模型content大小不變，總體發生變化。怪異盒模型 box sizing content box 標準盒模型 box sizing border bo...
彈性盒模型
1.flex 靈活性。採用flex布局的元素，flex容器 2.給裝眾多相同盒子的父盒子display flex.將盒子平均分配寬。它所有的子元素就會自動成為這個容器成員，flex專案。當所有子元素的寬大于父元素的寬，則子元素的寬由父盒子決定，平均分配寬。當所有子元素的寬小於父元素的寬，則子元素的寬...
彈性盒模型
彈性盒模型 給父級新增flex display flex flex wrap wrap 換行 彈性盒模型主軸，縱軸方向 flex direction row reverse 從右到左，元素主軸的方向 預設值row，從左到右 column 從上到下 column reverse 從下到上 主軸 水平 ...