перекрывающиеся div в зависимости от ширины плавающего div

Question

У меня есть куча div, которые представляют карты в руке.в зависимости от того, сколько их нарисовано, я хочу, чтобы они начали складываться друг на друга так, чтобы div контейнера руки был только на одну строку глубиной.Div карты также настроены как draggables, так что это своего рода я пытаюсь найти способ их автоматической сортировки.будет ли использование установщиков положения jquerys лучшим способом для этого?

Answer 1

В итоге я взял ширину контейнера div и вручную поместил в него каждый элемент.

    function alignHand(){
            var cards = $(".inHand");
            var totalWidth = 0;
            var width = $('#hand').width() - 140;
            cards.each(function(e){
                    totalWidth = totalWidth + 1;
                    $(this).addClass('cardInHand' + totalWidth);
                    $(this).css('position','absolute');
                    $(this).css('left',width/cards.length * (totalWidth - 1) + 'px');

            });