前言

昨天讲了 display 当中的 Flex 属性
那今天就要来讲 display 当中的 Justify-content

Justify-content

--> 主要是以主轴线来排版，一样需要先宣告 display:flex; 否则会无法使用。

1. flex-start : 对齐主轴线最前端

.banner{
    dispaly:flex;
    justify-content: start;
}

2. center : 对齐主轴线中央

.banner{
    dispaly:flex;
    justify-content: center;
}

3. flex-end : 对齐主轴线最终端

.banner{
    dispaly:flex;
    justify-content: end;
}

4. space-around : 平均分配宽度和间距

.banner{
    dispaly:flex;
    justify-content: around;
}

5. space-between : 平均分配宽，第一项和最後一项贴齐边缘

.banner{
    dispaly:flex;
    justify-content: between;
}

今天就是一个教大家 display 的另一个简单排版，明天我们来谈谈 align
那我们铁人赛 Day8 见罗!!