Tag Clouds



높이가 다른 float 요소를 벽돌처럼 정렬 - jQuery Masonry

PDF
masonry.gif

CSS에서 float 속성을 이용하여 그리드 레이아웃을 꾸미려면 모든 요소들의 높이가 일치해야는 환경이 필요했습니다. 하지만 jQuery Masonry를 사용하면 높이가 서로 다른 요소들에 적용하여도 문제가 되지 않습니다. 요소를 수평으로 정렬한 후 수직을 다시 계산하여 벽돌을 끼워 맞춘듯 보기좋게 정렬해 주기 때문입니다. 이와 같은 그리드 레이아웃이 적용된 typeneu.comsilnt.com에서 색다른 느낌을 만끽해보세요.


Comments

Trackback : http://firejune.com/trackback/1430

  1. avatar

    적용된 사이트를 보니 뭔가 영감이 떠오르네요.. 무얼 만들지? ㅎㅎ

    Posted by 블루비 at reply edit

     
     
  2. avatar

    아 이것도 멋지네요.

    Posted by aproxacs at reply edit

     
     
  3. avatar

    블럭구조 무한스크롤. 감탄할 수 밖에 없군요.. 와아

    Posted by pRix at reply edit

     
     
  4. avatar

    이런 말도 안되는 것들이 자꾸 튀어나오니... Front-end에 대해 전혀 모르는 저같은 사람은 이제 슬슬 불안해져여 ㅠㅠ

    Posted by 웹지니 at reply edit

     
     
  5. avatar

    우와... 뭔진 잘 모르겠는데 엄청 예쁘네요......웡....

    Posted by holga at reply edit

     
     
  6. avatar

    captcha