CSS에서 float 속성을 이용하여 그리드 레이아웃을 꾸미려면 모든 요소들의 높이가 일치해야는 환경이 필요했습니다. 하지만 jQuery Masonry를 사용하면 높이가 서로 다른 요소들에 적용하여도 문제가 되지 않습니다. 요소를 수평으로 정렬한 후 수직을 다시 계산하여 벽돌을 끼워 맞춘듯 보기좋게 정렬해 주기 때문입니다. 이와 같은 그리드 레이아웃이 적용된 typeneu.com과 silnt.com에서 색다른 느낌을 만끽해보세요.
높이가 다른 float 요소를 벽돌처럼 정렬 - jQuery Masonry
Comments
Got something to add? You can just leave a comment.
적용된 사이트를 보니 뭔가 영감이 떠오르네요.. 무얼 만들지? ㅎㅎ
reply edit
아 이것도 멋지네요.
reply edit
블럭구조 무한스크롤. 감탄할 수 밖에 없군요.. 와아
reply edit
이런 말도 안되는 것들이 자꾸 튀어나오니... Front-end에 대해 전혀 모르는 저같은 사람은 이제 슬슬 불안해져여 ㅠㅠ
reply edit
우와... 뭔진 잘 모르겠는데 엄청 예쁘네요......웡....
reply edit
Your Reaction Time!