div를 겹쳐서 떠 다니는 봉쇄 div의 너비를 기준으로합니다.

Question

저는 손에 카드를 나타내는 div가 있습니다. 얼마나 많은 사람들이 그려지 는가에 따라, 나는 그들을 서로의 위에 쌓기 시작할 수 있기를 원합니다. 그래서 핸드 컨테이너 div는 단지 한 줄의 깊은 곳입니다. 카드 div도 draggables로 설정되어 있으므로 자동 정렬 방법을 찾아 내려고 노력하고 있습니다. jquerys position setters를 사용하는 것이 가장 좋은 방법일까요?

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'); 

      });