0

好吧,不太清楚从哪里开始......

我把自己组合成一个博主,完全把它的 css 去掉,只是把它用作一个简单的内容管理器。这是我一直在使用的测试站点 http://jamesparishtestblog.blogspot.com/

忽略标题,它坏了,但我知道我在那里做什么。我的问题是电影评论(从苹果预告片中偷来的临时内容)。当您调整页面大小时,它们会流畅地流入不同长度的行。伟大的!麻烦的是,第二行(因此是第三、第四等)垂直对齐到上一行中最长(最低)div 的底部。但是,我希望每个 div 都整齐地放在上面的下方,相距 15px,并且如果另一个 div 展开(通过单击阅读更多...),则可以整齐地流动。

排除将 div 放在列中的情况,因为我希望顶行并排包含最新的帖子(在左侧,它们将在另一列下方)。

也排除了 div 的设置高度,因为文章需要扩展,并且对于完整的所需设计,故意不匹配。

这一直困扰着我几个小时。我希望我已经清楚地解释了自己,并且有人可以提供帮助。

谢谢你的时间。

4

1 回答 1

1

所以你想要这个?

--------------------------
|   __________  _______  |
|   |        |  |     |  |
|   |        |  |     |  |
|   |        |  |     |  |
|   ----------  |     |  |
|   __________  |     |  |
|   |        |  |_____|  |
|   |        |  _______  |
|   |        |  |     |  |
|   ----------  |     |  |
|               -------  |
|________________________|

如果不使用列,您不能仅依靠 CSS 来做到这一点。你需要使用一些 javascript 或服务器端的东西来把东西放在正确的地方。本质上你想要一个拼贴画,可惜没有“显示:拼贴画”!

当然,我可能完全误解了你。

编辑:

“关于 javascript 方面的任何建议?”

我几乎所有的网站都使用 mootools。我先在这里定义一下:

dispose :从 dom 中取出一个元素并将其存储在一个变量中。

inject :将一个元素放入 dom 中。

我将这些加载到列中,然后将所有列中的“最近”列中,然后将它们注入到其余列的顶部,每列一个。换句话说,所有的布局都是用 CSS 完成的,唯一的 javascript 就是把你的“最近”的东西放在最上面的“行”。

于 2009-08-01T21:59:45.360 回答