|
1
以图中排版为例,总宽度为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。 |
|
2
|
|
iZrApr 17, 2013 via iPhone
3
good
|
|
cutehaloApr 17, 2013
4
我觉着用table最简单
|
|
nealv2exApr 17, 2013
5
最下一行,中间2个,花衬衫,的道具,只在岛国动作片里见过。求问是神马?
|
|
iloveyouApr 17, 2013
6
如果不要求动态弹性,table最简单
|
|
iZrApr 17, 2013
7
漂亮.
|
|
bitsmixApr 17, 2013
8
怎么还有人在为这样的 layout 用 table 啊。。。
没节操 |
|
ZhangApr 17, 2013
10
table最好用来装data!
|
|
11
|