本文详细介绍了CSS中弹性盒模型的使用方法，包括如何设置主轴方向，元素排列方式及如何利用justify-content属性来调整元素在主轴上的位置。通过实际代码示例，读者可以深入理解并掌握弹性盒模型的各种属性。
<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;*/ 设置元素在主轴中间位置，富裕空间在主轴的两侧位置