0

保持するコンテンツに関して交互に 8 つの DIV があります。

DIV 1 - Category
DIV 2 - Sub-Category
DIV 3 - Category
DIV 4 - Sub-Category
etc.

可能であれば、最終的な目標は、カテゴリ DIV を横に並べて水平に配置し、サブカテゴリ DIV を対応するカテゴリ DIV の下に配置することです。

部門 1 部門 3 部門 5 部門 7

部門 2 部門 4 部門 6 部門 8

DIV1 内に DIV2 をネストするなど、現在の構造を変更することはできません。

また、DIV が動的に作成されるため、サブカテゴリ DIV を絶対に配置することは避けたいと思います。これにより、幅が変更される可能性があります。

本質的に、DIV をその前の DIV に対して相対的に配置できるようにしたいと考えています。

4

2 に答える 2

1

これはあなたを近づけるはずです。グループを垂直方向に配置することが重要な場合は、複数列のリストの使用を検討する必要がある場合があります。div の高さが異なる場合は、必要な数のグループを含む行を作成するためにラップを追加する必要があります。

http://jsfiddle.net/isherwood/KhqyW/7

div.group {
    width: 45%;
    float: left;
}

var myDivs = $('div');

for (var i = 0; i < myDivs.length; i += 2) {
    myDivs.slice(i, i + 2).wrapAll('<div class="group"></div>');
}
于 2013-10-15T14:45:07.420 に答える