1绑改、改變主軸方向?yàn)榇怪狈较颍篺lex-direction
用法： flex-direction: column;
把主軸方向變成了垂直方向，還是用Jc控制主軸方向的對(duì)齊方式
把側(cè)軸方向變成了水平方向，還是用ao控制側(cè)軸方向的對(duì)齊方式
注意：主軸側(cè)軸僅僅是對(duì)換方向而已
flex-direction運(yùn)用
<style>
.box {
width: 150px;
height: 150px;
border: 5px solid rgb(48, 33, 33);
display: flex;
/* 改變主軸方向?yàn)榇怪狈较?*/
flex-direction: column;
align-items: center;
justify-content: space-evenly;
}
</style>
</head>
<body>
<div class="box">
<img src="./images/media.png" alt="" />
新聞資訊
</div>
</body>
2恋追、彈性盒子換行：flex-wrap
換行用法： 給父元素添加flex-wrap: wrap;
彈性盒子高度被換行的彈性盒子均等分
2供常、調(diào)整多行對(duì)齊方式：align-content（默認(rèn)拉伸）
多行對(duì)齊方式用法： 給父元素添加align-content： 取值與justify-content一致
注意點(diǎn)：針對(duì)于多行彈性盒子的側(cè)軸設(shè)置的，出現(xiàn)的前提條件偿枕，必須要先換行 flex-wrap: wrap;
align-items 針對(duì)于單行彈性盒子的側(cè)軸對(duì)齊方式
偽元素畫(huà)豎線(xiàn)方法
1.要用子絕父相璧瞬；
2.高度給豎線(xiàn)的高度，寬度給0
3.選擇左或右邊框渐夸，邊框粗細(xì)為豎線(xiàn)的寬度
偽元素畫(huà)橫線(xiàn)方法
1.要用子絕父相嗤锉；
2.高度給0，寬度給橫線(xiàn)的寬度
3.選擇上或下邊框墓塌，邊框粗細(xì)為豎線(xiàn)的高度
練習(xí)：個(gè)人中心web頁(yè)面
