0

これらを例として使用します。

http://www.truedigital.co.uk
http://www.tinsels.fr
http://www.pinterest.com

各投稿のボックスの列がきちんと配置されているのを見ました。さまざまな方法を使用してこれを実行しようとしましたが、作成した各ボックスの列は Web サイトとまったく同じではありません。

各フィールドボックスを作成して、自動値で左と上にCSSを作成し、各ボックスで絶対位置を使用しているようです。javascript / jqueryを使用している可能性があります.CSSの値をウェブサイトの左と上に自動化するために使用するようなJavaScriptの例はありますか?

4

3 に答える 3

1

車輪を再発明する必要はありません。

Masonryプラグインを探しています。

于 2013-03-27T18:30:53.923 に答える
0

これは彼らが使用しているようです: jQuery Isotope。お役に立てれば。

于 2013-03-27T18:11:57.167 に答える
0

次のようなもの：

i = 0;
columnwidth = 300;
$('.box').each(function(){
    i++;
    if ( i > 4 ){
        i = 1;
    }
    $(this).addClass('column-' + i);
    $(this).css('left', (i-1) * columnwidth + 'px');

    columnheight = 0;
    $('column-' + i).each(function(){
        columnheight += $(this).css('height');
    }

    $(this).css('height', columnheight + 'px');
});

ここを見て：

これは私がオフィスを離れるときに急いでいたので、おそらくうまくいかないでしょう。これにより、目的の効果を達成するために何をしなければならないかがわかります。

于 2013-03-27T18:25:25.783 に答える