回家

到家了,和诸位报个平安。

在家里也不闲,项目要做测试,跑数据。可怜我的T60,就这么在干苦力,一天到晚在跑,简直就是帮Lenovo Co. Inc 做压力测试,好心疼……

让它测着吧,奶奶让我去吃中饭。
今天下午真衰,出门忘带钥匙了。只要在街上游荡,到处找建行存钱到信用卡上。都把市中心绕了三圈了, 还是没有看到建行。发现最多的是农行,哪里都有,其次是工行和信用社,能看见几家。最后不抱任何希望了,顺着路走,反正中心地带还是我的势力范围之内,不会走丢的。最后快到市政府了,那里要建沃尔玛了,这倒是个好消息,以后可以到这里逛逛。刚走过不远处,我发现了一个蓝色的logo,和我刚才特意看那张信用卡上面的建行的logo一样,都不用看那被梧桐树挡住的字,我就肯定那就是建行了。

进去存钱,营业员看着我的龙卡信用卡带有哈工大字样,愣了半天,这才开始干活。大姐,放心吧,带哈工大的假货最多的是文凭,信用卡还没见过谁会无聊的做张假卡,再印上“哈尔滨工业大学”几个大字。只不过我的这张卡比较DIY一些,符合IT人的审美观。你说是波?

存了钱,去联合利华买了大瓶可乐和一斤橘子。现在,我已然养成了在超市买棒冰都会刷卡的好习惯。也不管售货员解释这钱太少,最好付现金。要是我付现金,我花这么大劲去找建行存钱干什么? 不好意思,虽然你的要求很BT,但是我比你更BT(但是我不是BTLiu,这个id被人抢注了),hiahia。

回到家,继续测试,继续虐电脑,sigh

# 题目重述 在游戏 **Flexbox Froggy Level 24** 中,目标是使用 CSS 弹性盒子(Flexbox)布局属性将所有青蛙准确移动到对应荷叶上,即“让青蛙回家”。需合理运用以下属性: `justify-content`, `align-items`, `flex-direction`, `order`, `align-self`, `flex-wrap`, `flex-flow`, `align-content` 容器为 `#pond`,其子元素为青蛙。 --- # 答案 ```css #pond { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: flex-end; align-content: space-between; height: 100vh; } /* 示例:调整个别青蛙位置 */ .frog { order: 0; align-self: auto; } ``` > 注:具体 `order` 和 `align-self` 数值需根据青蛙初始与目标位置设定,此处为通用解法框架。 --- # 详解 - `display: flex;` 开启弹性布局。 - `flex-wrap: wrap;` 允许换行,适配多行青蛙排列。 - `justify-content: space-evenly;` 均匀分布主轴项目,使每只青蛙间距一致。 - `align-items: flex-end;` 交叉轴对齐靠近底部(模拟荷叶位置)。 - `align-content: space-between;` 多行时垂直方向拉开间距,实现上下分布。 - 使用 `order` 调整青蛙显示顺序,`align-self` 单独控制某只青蛙对齐方式。 通过组合这些属性,可以精确控制每只青蛙的位置,使其到达目标荷叶——“回家”。 --- # 知识点 - **Flexbox布局模型**:通过容器属性控制子元素整体排列与对齐方式。 - **flex-wrap与align-content**:处理多行弹性容器中行与行之间的空间分配。 - **order与align-self**:分别改变单个项目顺序和自身对齐方式,实现精细调控。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值