2012-08-16 8 views
1

Isotope는 Wordpress 테마가 사전 설치되어 있습니다. 모든 것이 작동하지만 필터링을하면 레이아웃 테이블이 손상되어 구멍이 생깁니다. 분명히 이것은 총 항목 수 때문입니다. 필터와항목 수에 따라 isotop jquery 포트폴리오

: 사진 갤러리 : 문제의 http://www.lrguas.ch.preview02.net4all.ch/multimedias/

아이디어?

표시 할 항목의 수가 제한되지 않았습니다. 도움을 주셔서 감사합니다. 감사합니다. 마티유

답변

0

간단한 해결책이 될 수 있습니다. Chrome의 devtools에서 필터링 한 8 개의 그림 항목을 검토 할 때 일부 요소가 다음 행으로 이동하여 구멍이 남게됩니다. 확실하다면 각 동위 원소 요소는 너비에 해당하는 동일한 너비를 가지므로 작동해야합니다.

국제 교류, 학생 포트폴리오, 학교 생활 : 225 픽셀

Bluche 지역, 불레 지역, 사회 및 스포츠 활동, Bluche 캠퍼스 시설, 불레 캠퍼스 시설 : 그래서 235px

, 우선 내가 좋겠 시도는 .work-item 클래스에서 올바른 여백을 설정하거나 각 Isotope 항목의 요소가 너비에 해당하는 Isotope 레이아웃 엔진의 너비를 결정합니다.

+0

안녕하세요! 도와 줘서 고마워. 하지만 CSS를 살펴 봤지만 실제로 보면 더 가까이 다가 가면 "margin-right"가 0px라는 것을 알았 기 때문에 10px로 바꿨습니다. 'code'# content-full div : nth-child (4n) .work-item { \t margin-right : 10px;/* avant 0px */ } – xmathx

관련 문제