javascript - 在 JavaScript 中双向 float 列

Question

我正在尝试使用 CSS float 列，以便它们像在这个博客上一样均匀地堆叠:http://typeneu.com

使用 CSS 似乎是不可能的，所以我正在研究 JavaScript。

上面列出的网站使用此 JavaScript 文件:http://typeneu.com/wp-content/themes/grid-a-licious/scripts/grid-a-licious.js

我已经尝试实现它进行实验，但它似乎不起作用。

关于这个主题的教程的任何链接或让它与 JavaScript 或 CSS 一起工作的建议？

编辑:我希望列数能够随屏幕分辨率灵活变化。

Answer 1

我有一个网站，基本上是 DIV 的 float 左边有一个设置的像素宽度。根据分辨率和窗口大小，我可能有 1-n 列，您基本上应该能够:

<style>
.myClass
{
float:left;
width:350px;
}
</style>

<div class="myClass>my content</div>
<div class="myClass>more  content</div>
<div class="myClass>even more content</div> 

要获得固定数量的列，我假设您可以使用 javascript 计算宽度，或者可能还有其他一些技巧。

编辑

好的，看看他们的 JS 文件，您需要确保匹配您的类(class)和 ID，以匹配他们的期望看起来您的所有帖子都需要是一个 id 为 allposts 的 div。

检查您输入的网站的 HTML 和您引用的网站，并让您的 html 与他们的相匹配。