2014-04-01 2 views
1

세로 블록 사이의 공백을 삭제하는 방법을 모르겠습니다. 예 : enter image description here세로 블록 사이의 공백 삭제

나는 모든 블록이 서로 아래에 위치하기를 원한다. 각 블록은 display: inline-block입니다. 나는 위치와 디스플레이를 실험했지만 모두 헛된 것이었다.

+0

코드라는 CSS-기반 도구입니다 ????? – Era

+0

너비를 똑똑하게 사용하여 %를 사용하면 쉽게 얻을 수 있습니다. 이미지 나 동영상의 파일 경로를 명확하게 지정하십시오. –

+1

콘텐츠가 동적 인 경우에만 CSS로 쉽게 달성 할 수 없습니다. f.e. jQuery Masonry가 발명되었습니다. – CBroe

답변

1

당신은 jQuery Masonry

은 당신이 당신의 웹 사이트에에 포함시켜야 사용할 수 있습니다, 먼저 나에게 URL을 보내 주시기 바랍니다, 당신은 당신이 here

에서 데모를 볼 수 있습니다

문제를 해결하기 위해 CSS 기술을 사용할 수 있습니다

그리고 이러한 객체에 대한 클래스를 정의하고 CSS 코드를 사용하여 클래스와 상호 작용할 수 있습니다. 특정 높이를 정의 할 수 있습니다. 이미지가 웹 페이지에 올바르게로드되지 않아 수정해야합니다. 먼저 다른 질문이 있으면 기분을 확인하십시오. 나에게 물어봐도 돼.

행운을 비네.

PS : 거기에 다른 대안은 jQuery를 벽돌 존재 인 하나는 Isotope이고 다른 하나는 Salvattore

+0

감사합니다.이 플러그인은 내가 필요한 것입니다. –

+0

당신은 환영합니다, 나는 당신이 만족해서 기뻐요. – Hbirjand