浮動DIV問題

我與它的動態內容的浮動DIV。在第一行中，我需要四個div，類似於第二，第三，第四等...我需要四個div。我可以給一個div分配一個類，它會自動生成其餘的div。我的問題是我可以將最小高度設置爲div，但我無法設置最大高度，因爲內容是動態創建的。如果內容很低，divs不會排成一排。出於這個原因，未來的divs也會遇到問題，如何安排這些div？浮動DIV問題

來源

2009-07-13 Harry

這裏有一個概念。向我們展示一些代碼以展示您正在使用的內容，並向我們展示一個屏幕截圖來展示您的問題。請？ – 2009-07-13 06:20:26

你可以做的一件事是固定高度，並使用overflow設置爲hide的CSS屬性來隱藏文本，並使用title屬性在工具提示中顯示整個文本。

來源

2009-07-13 04:41:54 Kirtan

我不能有一個固定的高度，因爲當內容很低時，會有很多間距... – Harry 2009-07-13 05:34:31

讓我們開門見山。您有多個行在每4個格 - 我們姑且稱之爲細胞只是爲了好玩。您希望在具有動態內容的情況下，其整個行的高度相同。我要在這裏出去，建議你用桌子。

來源

2009-07-13 05:00:00 ChssPly76

嗯。但是，當內容不足時，他也會有很多間距，他不需要。請參閱以下答案的評論。 – Kirtan 2009-07-13 05:43:13

我相信他對你的答案評論意味着，如果他設置一個固定的高度*足夠大*，以適應最長的內容作任何的div的，那麼在這種情況時，在*所有div內容*原來是較短的，他他們之間會有間隔。他真正想要的是讓一個div（內容最長的那個）高到足以容納其內容而沒有空格，其他所有的div都與這個div相同（並且具有空格）。換句話說 - 經典的表格行爲。沒有表格的唯一方法就是通過JS，只有CSS的解決方案是不可能的。 – ChssPly76 2009-07-13 16:33:18

在第一個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>

來源

2009-07-13 11:01:46 Emily

回答

相關問題