Html/Css 博客文章垂直分类

Question

我希望我的博客帖子(33% 宽度)从上到下 float ，并且当它们丰富内容的末尾(静态高度)时，在其余内容旁边再次从上到下继续。我已经用列制作了这个静态网页(链接在 jsfiddle 元素中)。

这里有一个简单的静态示例，说明我在说什么:http://jsfiddle.net/KBX5B/1/

<div id="content"><div>

但我希望它使用纯 html/css 实现自动化(不为每个帖子传递 left 和 top 值)。我不想弄乱 Javascript，但如果您认为这是我想了解它的唯一方式。

很抱歉我的英语不好，非常感谢您的宝贵时间。

Answer 1

您可以使用column-count 或column-width 属性来实现您想要的。仅适用于现代浏览器。包括 IE10。

http://jsfiddle.net/KBX5B/2/