플로팅 div 문제

Question

플로팅 div에 동적 콘텐츠가 있습니다. 첫 번째 행에서는 2, 3, 4 등에서 4 개의 div가 필요합니다 ... 4 개의 div가 필요합니다. 하나의 div에 클래스를 할당하면 나머지 div가 자동으로 생성됩니다. 내 문제는 div 수있는 최소 높이를 설정할 수 있지만 동적으로 콘텐츠를 만들 때 최대 높이를 설정할 수 없습니다. 콘텐츠가 낮 으면 사업부는 직선으로 나란히 앉아 있지 않습니다. 이런 이유로 divs도 올라와서 문제가 생기고 divs를 어떻게 정렬 할 수 있습니까?

Answer 1

당신이 할 수있는 한 가지 방법은 높이를 고정시키고 텍스트를 숨기고 글꼴을 으로 설정하여 hide으로 설정하고 title 속성을 사용하여 전체 텍스트를 툴팁에 표시하는 것입니다.

Answer 2

바로 잡아 봅시다. 각각 행과 4 개의 DIV가 있습니다. 셀으로 전화를 걸어보십시오. 동적 콘텐츠가있는 동안 높이가 전체 행에서 동일하게 유지되기를 원합니다. 여기서 사지에 나가 테이블을 사용하라고 제안합니다.

Answer 3

첫 번째 div의 새 행에 clear:both;을 추가하십시오. 그러면 모든 div가 직선으로됩니다.

div {float:left;border:1px solid #000;margin:20px;width:100px;} 
.clear_both{clear:both;} 
.one {height:100px;} 
.two {height:50px;} 
.three {height:200px;} 
.four {height:150px;} 

<div class="one"></div> 
<div class="two"></div> 
<div class="three"></div> 
<div class="four"></div> 
<div class="two clear_both"></div> 
<div class="three"></div> 
<div class="four"></div> 
<div class="one"></div>