0

我的布局有问题，用 CSS 制作。没有使用 Javascript，因为我不知道如何动态定位 div（帖子）。div 有空格和线条，因为 div 的大小不同，我不想要这些线条。

请看这些照片；

我不想要那个指定的大空间。我正在尝试在 CSS 中使用显示的各种属性，但没有改变这个大空间。我的 CSS 代码是这样的：

#post {
    box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.4);
    background: #fbffff;
    color: #6d6d6d;
    margin: 10px 0;
    padding: 15px;
    box-sizing: border-box;
    font-family: tahoma;
    line-height: 20px;
    width: 30%;
    float: right;
}

如果有人通过使用 CSS 或 Javascript 有一些解决方案，那将很有帮助。我的代码在 Ruby on Rails 中。

我在 JS fiddle 中制作了一个示例来解决：http: //jsfiddle.net/DLKP6/

4

2 回答 2

1

您正在寻找动态网格布局-在这里您可以找到解决方案的存储库。

如前所述，我建议您检查Masonry和Wookmark 插件。

于 2013-01-01T12:30:22.823 回答
0

您需要使用 Javascript 来实现这一点，有很多Pinterest 之类的 Dynamic Grid Layouts可以帮助您，下面是著名的。

http://masonry.desandro.com/

这是这篇很棒的文章，可以帮助您进行设置。

响应式 jQuery 砌体

于 2013-01-01T12:19:32.340 回答