CSS 상자 이미지 - 레이아웃 문제

임 CSS를 사용하여 개체를 배치에 어려움을 겪고

캔트 후 이미지 때문에 담당자에, 그래서 이미지가 여기에 호스팅 ....

http://i49.tinypic.com/3yfxc.png

을 CSS를 내가 어떻게 바닥 RO에 3 상자를 만드는 방법에 대한 갈 것이라고하지만 필자는 각 상자

#compbox img { 
    float:left; 
    margin:5px; 
} 
#compwinnerbox img { 
    float:left; 
    margin:5px; 
}

등 등을 다음대로 사업부 태그 각 이미지에 사용 그 격차를 메우기 위해 - 그래서 어떤 의미에서 위로 떠오르지? 미안하지만, 너무 잘 설명하지 않아.

CSS와

출처

2013-03-29 box

어느 jQuery를 벽돌을 사용

아니면 CSS 방식에 대한 http://masonry.desandro.com/ 사용 column

.col { 
-moz-column-count:3; /* Firefox */ 
-webkit-column-count:3; /* Safari and Chrome */ 
column-count:10px; 
-moz-column-gap:10px; /* Firefox */ 
-webkit-column-gap:10px; /* Safari and Chrome */ 
column-gap:2; 
}

http://jsfiddle.net/4gXCs/3/

출처

2013-03-29 19:16:36 ashley

하고 레이아웃을 주어진이 작업을 수행 할 수 specs on floats :

5 - 부동 상자의 바깥 쪽 상단에 의해 생성 된 모든 블록의 바깥 쪽 상단 또는 떠 상자보다 더하지 않을 수 있습니다 소스 문서의 이전 요소

출처

2013-03-29 19:16:07 j08691

확인 아 ... 내가 그 일에 대해 계속할 것입니다 방법에 대한 아이디어 ? – box

다른 레이아웃을 만들거나 JavaScript를 사용하여 수정하십시오. 원하는 플러그인을 제공하는 인기있는 플러그인이 있습니다. http://masonry.desandro.com/ – j08691

CSS 상자 이미지 - 레이아웃 문제

답변

관련 문제