div의 목록을 표로 표시합니다.

Question

div의 목록이 고정 높이가 아닌데, 표로 표시합니다. DIV 목록의

예

<div class="container"> 
    <div class="item">1 some some some text1</div> 
    <div class="item">2 a few text2</div> 
    <div class="item">3 a lotttttttttttttttttttttttttttttttttttttttttttt of text3</div> 
    <div class="item">4some text</div> 
    <div class="item">5 some text</div> 
    <div class="item">6 some text</div> 
<div> 

와 나는이 같은 어떤 것을보고 싶어 : 나는 float: left 세 열 div의를 사용하여 고정 폭 권장 link text

Answer 1

(예 : 30%과 3% 여백을 만드는 여백).

• 1 열은 다음 실제있을 것, 용기 (1) 및도 4
• 2 열이 용기 (2) 및 (6)
• 3 열이 용기 (3) 및 (5) 그 div들에서

포함 포함 포함 그들의 높이가 다른 상자. 당신은 국경을 border: 5px black solid로 만들 것입니다; 아래 상자의 틈은 exampke의 경우 margin-bottom: 5px이됩니다.