0

CSSで作成したレイアウトに問題があります。div（投稿）を動的に配置する方法がわからないため、Javascriptは使用されていません。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を使用して何らかの解決策を持っている場合、それは役に立ちます。私のコードはRubyonRailsにあります。

解決するためにJSフィドルでサンプルを作成します：http：//jsfiddle.net/DLKP6/

4

2 に答える 2

1

動的なグリッドレイアウトを探しています-ここでソリューションのリポジトリを見つけることができます。

すでに述べたように、MasonryとWookmarkプラグインも確認することをお勧めします。

于 2013-01-01T12:30:22.823 に答える
0

これを実現するには、Javascriptを使用する必要があります。ダイナミックグリッドレイアウトのような多くのPinterestが役立ちます。以下は、有名なものです。

http://masonry.desandro.com/

そして、これがあなたがそれを設定するのを助けることができるこの素晴らしい記事です。

レスポンシブjQuery組積造

于 2013-01-01T12:19:32.340 に答える