1。基础知识这是一款塔防游戏，有点像保卫萝卜。这场比赛有12个级别。为了通过该关卡，您需要了解一些有关Flex布局的知识。这里简单介绍一下你需要用到的知识。知识点【注：本文只是科普需要的知识点，更详细的信息可以查看官方文档】。1.1justify-conentjustify-content属性定义项目在主轴上的对齐方式。flex-start（默认值）：左对齐flex-end：右对齐center：居中space-between：两端对齐，item之间的间隔相等。space-around：每个项目两边的间距相等。因此，项目之间的间距是项目与边框之间的间距的两倍。1.2align-itemsalign-items属性定义项目如何在交叉轴上对齐。flex-start：横轴起点对齐。flex-end：横轴末端对齐。center：横轴的中点对齐。baseline：项目中第一行文本的基线对齐方式。stretch（默认值）：如果item的高度没有设置或者设置为auto，会占据整个容器的高度。1.3flex-directionflex-direction属性决定了主轴的方向（即项目排列的方向）row（默认值）：主轴水平，起点在左端。row-reverse：主轴水平，起点在右端。column：主轴垂直，起点为上边缘。column-reverse：主轴垂直，起点在底部。1.4orderorder属性定义项目排序的顺序。值越小，排列越高。默认为0。1.5align-selfalign-self属性允许单个项目与其他项目具有不同的对齐方式，并且可以覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性。如果没有父元素，相当于stretch。2.游戏攻略的基本知识已经储备好了，接下来就是靠这三把轴来通关了。如有异议，一律删减。2.1Level1可以用justify-content解决。2.2Level2可以用justify-content解决。2.3Level3可以用justify-content解决。2.44级可以用align-items解决。2.55级可以用justify-content和align-items解决。2.66级可以用justify-content和align-items解决。2.77级可以用flex-direction解决。2.88级可以用flex-direction和align-items解决。2.9Level9这一关增加了一把新武器——霰弹枪，这个位置一定要注意，这一关可以用flex-direction、justify-content、align-items解决。2.10Level10可以用justify-content和order来解决。2.1111级可以用justify-content和align-self解决。2.1212级可以用flex-direction、justify-content、align-self、order解决。
