请选择 进入手机版 | 继续访问电脑版

百度图片布局

发表于 2016-12-02 17:34 显示全部楼层 31 1108

本帖最后由 赵延明老师 于 2017-6-3 23:07 编辑

简介:

百度图片相信大家都不会陌生,但是里面的布局实现效果确很麻烦。它是通过JS实现的,过程也相当麻烦。不要捉急,我们利用CSS来实现。实现原理就是通过CSS3的flex弹性布局来实现。今天咱们就来个高大上的视频讲解

效果:

附图:百度图片

百度图片.png

附图:flex弹性布局效果图

flex布局图片.png

视频讲述:


演示地址及详细代码

回复可查看全部代码演示地址和笔记

游客,如果您要查看本帖隐藏内容请回复


想了解更多内容,可以点击以下链接:


小码哥官网:http://www.520it.com/


网页UI学院:http://www.520it.com/special/ui


回复 使用道具
举报
跳马

发表于 09-27 10:12 显示全部楼层

来看看

回复 支持 反对 使用道具
举报
scj麦子

发表于 07-20 14:15 显示全部楼层

demo很好  

回复 支持 反对 使用道具
举报
Vincent_RRrGY

发表于 06-06 17:07 显示全部楼层

666666666


回复 支持 反对 使用道具
举报
简约一族

发表于 06-06 16:03 显示全部楼层

666666的

回复 支持 反对 使用道具
举报
龚神

发表于 06-04 09:26 显示全部楼层

今天看到这个弹性盒子,感觉还是很不错的样子 想好好学习一下

回复 支持 反对 使用道具
举报
x22vzVvFtQ

发表于 06-03 23:07 来自手机 显示全部楼层

明哥666666
回复 支持 反对 使用道具
举报
莨上指

发表于 02-09 05:44 显示全部楼层

好文章,必须帮顶!!!

回复 支持 反对 使用道具
举报
凌大胖纸

发表于 02-09 05:37 显示全部楼层

回复 支持 反对 使用道具
举报
莨上指

发表于 02-09 05:33 显示全部楼层

回复 支持 反对 使用道具
举报
123下一页

发表新文章
赵延明老师

小码哥名师团队

0

学分

2303

学币

2573

积分

小码哥名师团队

Rank: 5Rank: 5

积分
2573

签到周冠军勋章小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育