不同長度的Div

我正在製作一個網站，有幾個圖片庫。這些畫廊上方是每個收藏的描述。但是，由於每個描述的長度都不相同，我需要根據內容的大小進行變化，並根據「收集」格來變化。我甚至不知道從哪裏開始。不同長度的Div

2013-09-10 user2612234

默認情況下HTML動態內容流動。默認情況下，'div'會增加其大小以包含其內容。有沒有更多的故事，你沒有分享？或者至少有一些代碼證明你看到的問題？ – David

如果你看我的答案，它應該給你你需要的結果。 – Jacques

問題是我的網站不符合我學到的所有內容。如果我不給我divs'margin-top'屬性，它們顯示在另一個之上;如果我關閉了我的「div id =」gallery「標記，它顯示不正確;」collection「div根據頁面左右移動，並且梳理並梳理，找不到使我的作品網站的行爲是這樣的 – user2612234

http://jsfiddle.net/aZKjC/1/

這是你想要的嗎？

代碼：

<div class="gallery"> 
    <div class="desc"> 
     Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. 
    </div> 
    <img src="" width="300" height="300"/> 
</div>

使用CSS和左用不同高度的gallery類列並排多個div浮動。

來源

2013-09-10 20:07:11 Jacques

這就是我正在做的事情http://jsfiddle.net/alyssahelen/hyfxv/ – user2612234

你想要它看起來像什麼？ – Jacques

這是好嗎？我改變了一些東西。 /jsfiddle.net/hyfxv/1/ – Jacques

您可以使用類似這樣

.yourDiv{ 
min-height:200px; 
}

剛纔那類適用於所有需要是相同的高度正好讓最小高度更大然後你最高的div的div的。

來源

2013-09-10 20:06:01 Travis

標籤只是一個容器，你可以放在那裏任何你想要的就是HTML。使用標籤的好處是，您可以選擇它作爲「id」，並控制它。 http://www.w3schools.com/tags/tag_div.asp 如何控制標籤 - 與其他元素相同。使用CSS &一些javascript： http://www.w3schools.com/jsref/prop_style_height.asp

格 - 你可以寫這樣的，即：

<div id="id_mydivtest">&nbsp;</div> 
... 
<script> 
document.getElementById("id_divtest").height = 300; 
</script>

你應該採取的教程在http://www.w3schools.com

好運。

來源

2013-09-10 20:16:03 Eitan

您應該將其編輯爲類而非ID，因爲ID只能用於單個元素上看起來像th埃及想要這幾個要素。 – Travis

我遇到的問題是畫廊不會爲了說明而騰出空間。出於某種原因，它將它放在最重要的位置上。 – user2612234

不同長度的Div

回答

相關問題