瀑布布局可以实现底部对齐

笨笨蘋果 发布于 2012/03/12 14:53
阅读 431
收藏 2
http://piccsy.com  网站的布局是怎么实现的?求高手解答。。。
加载中
0
小编辑
小编辑
这个肯定不是用 CSS 搞的,必须得图刚好等高吧
0
笨笨蘋果
笨笨蘋果

引用来自“小编辑”的答案

这个肯定不是用 CSS 搞的,必须得图刚好等高吧

嗯。。。它每列都是7张图片,图片高度都不是相等的,而且最新发表的在第一张,布局总在换,好奇怪的排列,应该是有个什么算法,但是没研究明白- -

0
牧码氏
牧码氏
仔细观察应该可以发现等宽的条件下缩放,超出的部分可以通过裁剪解决!google图片搜索也是这种展现形式
0
0
atrun
atrun
用isotope可以实现,太容易,你可以看看http://isotope.metafizzy.co/
0
T
T0NYLEE
底部超出的部分被裁掉了
0
清凌渡
清凌渡

图片是在后端进行了处理,也包括HTML代码的生成。。

它是分了三栏。 

腾讯微博的广场,也是这种布局,只是它没有分栏,完成是挨个排起来的,而且还可以ajax动态拉取内容。。

清凌渡
清凌渡
http://t.qq.com/c/default 腾讯微博 的 不是底端对齐的。。 而且内容是绝对定位
返回顶部
顶部