<style>

　　body{

　　　　margin:0;

　　}

　　#box{

　　　　height:200px;

　　　　border:1px solid #000;

　　　　新版彈性盒模型

　　　　/*display:flex;*/

　　　　/*flex-direction:row;*/? 設置主軸方向為水平方向

　　　　/*flex-direction:column;*/??設置主軸方向為垂直方向

　　　　/*flex-direction:row-reverse;*/??設置主軸方向為水平，元素排列為反序

　　　　/*flex-direction:column-reverse;*/?設置主軸方向為垂直，元素排列為反序

　　　　/*justify-content:flex-start;*/ 設置元素在主軸開始位置，富裕空間在主軸的結束位置

　　　　/*justify-content:flex-end;*/ 設置元素在主軸結束位置，富裕空間在主軸的開始位置

　　　　/*justify-content:center;*/ 設置元素在主軸中間位置，富裕空間在主軸的兩側位置

　　　　

轉載于:https://www.cnblogs.com/fxyg/p/9736199.html

總結

以上是生活随笔為你收集整理的弹性盒模型--新版与旧版比较（1）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。