玩着游戏就把前端知识学了,贼爽!!!

网站建设4年前发布
13 0 0

这是一款塔防类游戏,有点像保卫萝卜,该款游戏共12个关卡,为了通关需要了解Flex布局的一些知识,下面就来简单科普一下需要用到的小知识点【注:本文仅科普需要用到的知识点,更加详细的可看官方文档】。,justify-content属性定义了项目在主轴上的对齐方式。,align-items属性定义项目在交叉轴上如何对齐。,flex-direction属性决定主轴的方向(即项目的排列方向),order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。,align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。,基础知识已经储备完毕,下面就靠这些三板斧进行通关操作了,一言不合就是砍。,用justify-content就可以解决。,用justify-content就可以解决。,用justify-content就可以解决。,用align-items就可以解决。,用justify-content、align-items就可以解决。,用justify-content、align-items就可以解决。,用flex-direction就可以解决。,用flex-direction、align-items就可以解决。,这个关卡增加了新的武器——散弹炮,这个位置千万要注意,此关卡用flex-direction、justify-content、align-items就可以解决。,用justify-content、order就可以解决。,用justify-content、align-self就可以解决。,用flex-direction、justify-content、align-self、order就可以解决。,

© 版权声明

相关文章