HTML图像流

HTML图像流,html,css,Html,Css,我想把一些图像和div放在里面。div有一个固定的高度,但宽度会根据图像的数量而动态变化。我不确定要将什么CSS应用于包含DIV的img标记。我在下面附上了一个示例。 编辑1: 我如何着手在DIV中设置图像的样式?我试过让它们漂浮起来,然后让它们自行放置,但这不起作用。只需制作一个带有img标签的div容器即可。然后应用以下css: div { display: block; width: 100%; } img { float: left; padding: 3px;

我想把一些图像和div放在里面。div有一个固定的高度,但宽度会根据图像的数量而动态变化。我不确定要将什么CSS应用于包含DIV的img标记。我在下面附上了一个示例。

编辑1:
我如何着手在DIV中设置图像的样式?我试过让它们漂浮起来,然后让它们自行放置,但这不起作用。

只需制作一个带有img标签的div容器即可。然后应用以下css:

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

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

所有图像都会自然地向左浮动。如果需要滚动条,则必须设置宽度和溢出

使用jQuery,因为这是“事实上”的标准。

。。你的问题是什么?你考虑过使用jQuery砖石或同位素插件吗?@JoshC我想riglestpierre想让我们了解他的想法:)