2条CSS通关flexboxfroggy第24关最后一关

2024-05-24 07:07:50

2条CSS通关flexboxfroggy最后一关

话不多说，上截图：
代码分析
最后，游戏地址

话不多说，上截图：

我是如何比别人多学一点的呢？请往下看！

代码分析

可以看到，这里我首先是使用了一条第20关学到的flex-direction和flex-wrap的组合写法：flex-flow: column-reverse wrap-reverse;
让青蛙们的排列顺序变得和荷叶一致了！
然后呢？大家应该都能想到，这个时候只要来个justify-content:center;和align-content:space-between;就行了吧。（因为flex-diretion是column型的，所以justify-content和align-content要换过来看。）
而这显然是3条代码了，我是怎么把他变成两条的呢？
答案是：place-content！
他和flex-flow很像，是align-content和justify-content两个样式的组合，所以一条代码实现了两条代码的任务！
有人说不对啊，这题超纲了！小游戏里也没讲过这个place-content啊，你肯定是在别处偷偷补课了！
哼哼哼~还真不是，答案就在页面中哦！且听我慢慢道来！
关于我通关之后一阵好奇，
荷叶是怎么布局的呢？？ ?
于是打开F12，我找到了荷叶的布局样式，嗯，原来，
这个游戏每关的答案，就藏在页面中的吧！！！！！！！！！

愣着干什么，抄答案啊！
哦，顺便我找重置的时候发现下面的setting里竟然可以设置语言为中文。。
枉我用蹩脚的英文玩通了这个游戏才发现。。。

最后，游戏地址

http://flexboxfroggy.com/#zh-cn

2条CSS通关flexboxfroggy第24关最后一关相关推荐

计算机游戏第72关,史上最难的游戏第72关第72关通关攻略
史上最难的游戏第72关第72关通关攻略 2014-04-03 来源: 996手游网编辑: 帽纸 () 史上最难的游戏是以暴走漫画为游戏剧情及背景,让无数小伙伴们抓狂的游戏.全新的关卡又更新了,为了 ...
每个网页设计师应该知道的10条CSS规则
通过网页设计师的大量CSS经验,我们会记住所有种代码语法,兼容性和片段.有一些特定的CSS,可以真正帮助改变你的网站设计改变较旧的技术规则和声明.这里是我收集到的很有用的10条CSS规则 @media ...
渗透测试之---xss-labs闯关【1-14关】
万能检测语句 <SCRscriptIPT>'"()Oonnjavascript,通过它我们可以知道过滤了那些东西. 这条语句将给我们本次的闯关之旅带来极大的帮助. 第一关 [PO ...
在sqli-liabs学习SQL注入之旅（第十一关~第二十关）
十一关可以看到十一关和之前的十关是截然不同,偶尔也得换换口味才有新鲜感嘛!话不多说,开搞! 前言:这里有两个提交框,我们应该从哪里注入呢?这并不是困扰我们的问题.我们在实战中应该多方面测试,两个框都 ...
在sqli-liabs学习SQL注入之旅（第一关~第十关）
第一关 1.联合注入第一步:判断参数的类型?id=1' 页面报错 ?id=1' --+ 页面正常判断参数接受类型为字符型查看第一关源码:$sql="SELECT * FROM user ...
linux 关中断调度,关中断是否禁止任务调度？关中断能作为互斥吗？
正文关中断是否禁止任务调度?关中断能作为互斥吗?(2008/11/25 21:36) 今天再看<嵌入式软件系统教程>((美)西蒙著,陈向群等译) ,里面讲到关中断会关了任务调度, ...
sqli-labs第一关和第二关
sqli-labs 第一关一.首先确定是否存在注入二.找到回显位置三.在回显位置使用函数或者语句来获取信息第二关一.首先确定是否存在注入二.找到回显位置三.在回显位置使用函数或者语句来获 ...
SQL注入闯关第二关---第四关
目录第二关Less-2:GET - Error based - Intiger based 1.判断注入点类型 2.使用order by猜测字段数,根据第一关,字段数为3: 3.联合查询获取显示位置 ...
一条命通关，这个AI算法玩超级马里奥操作秀翻天丨视频+开源代码
郭一璞发自北四环量子位报道 | 公众号 QbitAI 把超级马里奥玩成下面这样,算什么水平? 能流畅的行走在妖魔鬼怪之间能掐准食人花出现的时机能灵巧的躲过烧火棍能克服各种变态的地形从 ...

最新文章

热门文章