1.我写的flex容器的六个属性和功能
2.我的练习案例
水平对齐，垂直对齐align-content和其用法相差不大
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>align-items</title><style>.box {border: 2px dashed red;display: flex;/*水平居中对齐*/align-items: center;}.item {border: 1px solid black;min-height: 50px;flex: auto;}.item:first-of-type {min-height: 150px;}</style></head><body><div class="box"><span class="item">One</span><span class="item">Two</span><span class="item">Three</span></div></body></html>
元素按行排列，flex-wrap换行，flex-flow 元素排列和换行
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>flex-direction</title><style>div:not(.box) {background-color: lightblue;border: 1px solid gray;margin-right: 5px;}.box {border: 2px dashed red;display: flex;/*默认的水平方向排列*/flex-direction: row;/*交换行轴的起点*//*flex-direction: row-reverse;*//*交换主轴与交叉轴,顺序不变*//*flex-direction: column;*//*交换主轴与交叉轴,元素顺序变反*/flex-direction: column-reverse;}</style></head><body><div class="box"><div>One</div><div>Two</div><div>Three<br>has<br>extra<br>text</div></div></body></html>
以上就这么多，下面是我做定位的感想以上就这么多，下面是我做定位的感想
使用传统的定位，可以把元素的位置准确的放在需要的位置，但是想放到自己想要的位置，步骤有点繁琐，有时候一个设置的不合适就容易出现偏差。我做的时候，一开始位置总是放不对，后来改了好几个属性，才改了回来，感觉一旦出错，改起来好烦。或许可能大概应该是我对定位不太熟悉，我会以后有时间多熟悉熟悉的。
