136-css-15-布局~flex画骰子
flex最常用的语法：（熟练掌握）
flex-direction:主轴的方向（可横向可纵向）
justify-content：主轴对齐方式（开始对齐、两边对齐...）
align-items:交叉轴对齐方式（和主轴垂直的轴）
flex-wrap:什么时候换行
align-self：子元素在交叉轴的对齐方式（开始对齐、居中对齐...）
实现一个三点的骰子：
.box{
display:flex;//flex布局
justify-content:space-between;//两端对齐
}
.item {
//背景色、颜色、大小边框等
}
.item:nth-child(2) {
align-self:center;//第二项居中对齐
}
.item:nth-child(3) {
align-self:flex-end；//第三项尾对齐
}
<div class = "box">
<span class="item"></span>
<span class="item"></span>
<span class="item"></span>
</div>
