为图库创建div。 2列，1列，2列等

Question

以下是我尝试创建的div类型的示例图像：

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

单列div将保存横向图像，2列div将分别保存纵向图像。如果不为每一行使用表格，最简单的方法是什么？

Answer 1

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

＆＃13;

＆＃13;

img {
  display: block;
  clear: left;
}

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

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;