왼쪽 플로트리스트

Question

이 게시물 하단의 이미지처럼 왼쪽으로 목록 (DL)을 플로트시키고 싶습니다.

내가 사용하는 경우이 : 그런 다음 목록이 긴 것과 짧은 것이 긴 하나의 맨 아래에 배치됩니다

dl { 
    float: left; 
    margin-bottom: 25px; 
    vertical-align: top; 
    width: 50%; 
} 

.... 위의 목록 뒤에는 계속되지 않습니다.

너희들 중 하나가 내가 잘못 뭘하는지 말해 줄래?

미리 감사드립니다. :-)

Answer 1

원하는 것은 플로트에서는 불가능합니다. AFAIK에는 JavaScript 솔루션이 있지만 지금은 찾을 수없는 것 같습니다.

IE를 지원하지 않더라도 한 번 시도해 볼 수있는 것은 CSS 열입니다. 규칙을 버리고 다음을 대신 사용하십시오.

#parentElement { /* selector to the parent of your dl's */ 
    column-count: 2; 
    -moz-column-count: 2; 
    -webkit-column-count: 2; 
}