html - 流动的 HTML 图像

Question

我想在里面放一些图像和 div。div 具有固定的高度，但宽度将根据图像的数量是动态的。我不确定要对包含 DIV 的 img 标签应用什么 CSS。我在下面附上了一个例子。在此处输入图像描述

编辑 1： 如何在 DIV 中设置图像样式？我试过浮动它们并让它们自行放置，但那是行不通的。

score 2 · Accepted Answer

2

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

于 2013-11-03T17:35:22.347 回答

score 1 · Accepted Answer

只需制作一个带有 img 标签的 div 容器。然后应用这个css：

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

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

所有图像都会自然地向左浮动。如果你想要一个滚动条，你必须设置一个宽度和溢出。

2 回答 2