html - BlueGriffon 帮助 - 根据窗口大小重新排列的连续图像

Question

如果它很明显，我对此完全陌生。

我在全屏模式下连续显示三个图像，我想根据窗口大小重新对齐，即转到两个，然后一个(始终居中)。然后其他图像垂直显示在下方。

这是代码的样子(删除了图像位置)

<div class="img_container"> <img id="img2" alt="" src="IMAGE">

#im1 {
display: block;
top: 250px;
background-color: white;
width: 250px;
height: 250px;
position: absolute;
left: 558px;
}

谢谢!!

Answer 1

使用 bootstrap 然后你可以调用你的图像;

<div class="col-sm-12 col-md-6 col-lg-4"> 

</div>

More info about col-lg/md/sm/xs