반응형 angularJS1 크기가 다른 블럭이 타일형태로 쌓이는 레이아웃(Masonry) 적용하기 이런 형태의 레이아웃을 찾는 것인 맞는가!? 텀블러를 보고 이런 형태로 구현해보고 싶다고 생각했으나, 처음에 이런 레이아웃 형태의 이름을 몰라서 검색하는데 애먹었다. 그래서 텀블러 뜨는 포스트 레이아웃을 구현하는 법을 찾아다니다가 이런 형태를 Masonry(돌쌓기)라고 부른다는 것을 알았다. 구현원리 자체는 간단한다. 가로정렬이 아니라 세로정렬만 해주면 이렇게 높이가 다른 항목들이 차곡차곡 쌓인다. 문제는 위에서부터 최신 내용이 나오고 아래줄로 갈수록 옛날 내용이 나와야 하는데, 단순히 세로 정렬을 하면 왼쪽줄에 가장 최신내용들이 나오게 된다. 이 또한 n으로 나누어서 출력해 주는 방법을 사용하면 해결은 된다. 그러나 또 문제는 항목을 동적으로 추가 할때, 또는 화면 가로 너비가 바뀌어서 정렬이 뒤바뀔때.. 2017. 5. 6. 이전 1 다음 반응형
