图片混排这种特效怎么做的？

[kenneth]

是JS还是CSS3?
求教前端高手

[qiayue]

以图中排版为例，总宽度为600px，划分成150px*150px的小格子。
图片大于150*150小于300*300的，用150*150的格子装，大于300*300的，用300*300的格子装。
格子设置为溢出隐藏。
150的格子，长图片压缩高度至150，多余的宽度减去150之后再除以2，结果为N，用margin-left:-Npx。竖图片宽度压缩至150，多余的高度减去150之后除以2，结果为N，用margin-top:-Npx。
300的格子一样。
还可以有150*300、300*150两种格子。

剩下的就是如何对这几种规格的格子进行排版的问题了。
两种方式，一种是类似于瀑布流的布局，用js计算，然后绝对定位。
另一种是格子外面再套格子，你可以参考一下 500px.com 。

以上没写单位的，默认为px。

[Mutoo]

http://masonry.desandro.com/

[iZr]

good

[cutehalo]

我觉着用table最简单

[nealv2ex]

最下一行，中间2个，花衬衫，的道具，只在岛国动作片里见过。求问是神马？

[iloveyou]

如果不要求动态弹性，table最简单

[iZr]

漂亮.

[bitsmix]

怎么还有人在为这样的 layout 用 table 啊。。。


没节操

[underone]

@nealv2ex 闪光环，主要用来拍微距和人像，光线均匀。

[Zhang]

table最好用来装data!

[wsph123]

http://itorr.sinaapp.com/javascript/fall.htm

之前写过类似的东西

[azure]

@nealv2ex 环闪，主要用于近距离拍摄。图中这人在这个场合下用环闪纯属装逼。 环闪主要用来消除阴影和均匀布光，增强拍摄带有反射能力的材质的质感，比如光滑的塑料，抛光的金属。用于拍人的时候可以在脸上形成苹果光。另外皮肤本身会有一些油脂所以也可以算作一些反射的材质，环闪再一定程度可以消除油腻感以及让肤质看起来更细腻

[kenneth]

@wsph123 能否简单说下原理，只看代码还是不很理解。

[nealv2ex]

@underone
@azure

感谢。长姿势了！