蓝桥杯 —— Web前端（页面布局类【Flex 布局】）【标题即题目链接，点击查看具体要求】

1. 水果摆盘⭐

Flex 布局子项常用属性参考链接

	.yellow {
		display: flex;
		align-self: flex-end;
		order: 1;
	}

2. Flex 经典骰子布局⭐⭐⭐

Flex 布局父项常用属性参考链接

		.div2 {
            flex-direction: column;
            justify-content: space-around;
            align-items: center;
        }
        .div3{
            flex-direction: column;
            justify-content: space-around;
        }
        .div3 p:nth-child(1){
            align-self: flex-start;
        }
        .div3 p:nth-child(2){
            align-self: center;
        }
        .div3 p:nth-child(3){
            align-self: flex-end;
        }
        .div4,.div5,.div6,.div7,.div9{
            flex-direction: column;
            justify-content: space-around;
        }
        .div4 div,.div5 div,.div6 div,.div7 div,.div9 div{
            display: flex;
            justify-content: space-around;
        }
        .div8 {
            flex-direction: column;
            justify-content: space-around;
        }
        .div8 div{
            display: flex;
            justify-content: space-between;
        }

不积跬步无以至千里 不积小流无以成江海