Question

这个网页用html和css怎么实现，几个表格或者区块可以自由堆砌，且分成2列，求思路方法或者代码？

Answer 1

用css3可以轻松实现，只需要使用一个属性column-count即可，比如：

<style>
div.mcol {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /*Safari 和 Chrome*/
column-count:2 /*设为2列*/
}
</style>
<div class=mcol>
要分列显示的内容放在这里
</div>

请注意：
Internet Explorer 10+ 和 Opera 支持 column-count 属性。
Firefox 支持替代的 -moz-column-count 属性。
Safari 和 Chrome 支持替代的 -webkit-column-count 属性。
Internet Explorer 9 以及更早版本的IE浏览器不支持 column-count 属性。
如果是手机网站的代码则完全没问题！

此外，利用column-gap可设置列之间的间隔

PS. 列中的内容最好不要设置绝对宽度，而应该设置为百分数，比如 width:100% 就表示占用整个列宽（注意不是整个屏幕的宽度）

Answer 2

这个是瀑布流布局。具体可以网上搜索：瀑布流插件。
瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格，像花瓣网、蘑菇街、美丽说等。

Answer 3

解码

Answer 4

6