css - 长度不同的 div

Question

我正在制作一个包含多个图片库的网站。这些画廊的上方是每个收藏品的描述。但是，由于每个描述的长度不同，我需要改变大小以适应内容，并改变以适应“集合”div。我什至不知道从哪里开始。

Answer 1

你可以使用这样的东西

 .yourDiv{
 min-height:200px; 
 }

只需将该类应用于所有需要相同高度的 div，只需使 min-height 大于您的最高 div。

Answer 2

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 并使用多个 div 向左浮动，其中gallery列的类并排具有不同的高度。

Answer 3

标签只是一个容器，你可以把任何你想要的 HTML 放在那里。使用标签的好处是您可以为它选择一个“id”，而不是控制它。 http://www.w3schools.com/tags/tag_div.asp 如何控制标签- 与其他元素相同。通过 css 和一些 javascript： http ://www.w3schools.com/jsref/prop_style_height.asp

div - 你可以这样写，即：

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

您应该在http://www.w3schools.com上学习教程

祝你好运。