为图像库创建Divs.2列，1列，2列等

Question

这是我要创建的DIV类型的示例图像：

https://postimg.org/image/9in5skhbp/

单列Div将保存景观图像，2列Divs将每个肖像映像每个图像。在不使用每行的表的情况下，实现此目标的最简单方法是什么？

Answer 1

如果您可以设置图像的宽度并希望保持非常简单，则可以执行以下操作：

img {
  display: block;
  clear: left;
}
.inline-img {
  float: left;
  clear: none;
}

<img src="http://via.placeholder.com/500x100">
<img src="http://via.placeholder.com/500x100">
<img src="http://via.placeholder.com/250x400" class="inline-img">
<img src="http://via.placeholder.com/250x400" class="inline-img">
<img src="http://via.placeholder.com/500x100">