使样式项目像日记

Question

我想制作样式css，如期刊样式

示例 http://themes.pixelb.in/journal/

我试着做这个

HTML

<header><!-- ... --></header>
<div id="content">
<div class="item">
here is item con
</div>
<div class="item">
here is item con
</div>
<div class="item">
here is item con
</div>

</div>

CSS

#content {
  width: 90%;
}
.item {
  float: left;
  width: 300px;
  border: solid 1px #ccc;
  margin: 5px;
  padding: 5px;
}

感谢所有

Answer 1

看看同位素（http://isotope.metafizzy.co）。这将使用Jquery以简单的方式为您安排项目。