HTML图像流动

Question

我想把一些图像放在里面和div。 div具有固定的高度，但宽度将是动态的，具体取决于图像的数量。我不确定将什么CSS应用于包含DIV的img标签。我在下面附上了一个例子。

编辑1： 如何在DIV旁边设计图像样式？我试过漂浮他们，只是让他们自己放置，但这不起作用。

Answer 1

只需在其中创建一个带有img标签的div容器。然后应用这个css：

div {
  display: block;
  width: 100%;
}

img {
  float: left;  
  padding: 3px;
}

所有图像都会自然浮动到左侧。如果你想要一个滚动条，你将不得不设置宽度和溢出。

Answer 2

使用jQuery masonry http://masonry.desandro.com/这是“事实上的”标准。