我想要的是创建一个固定大小的图像英勇。每张图片都有固定的宽度和高度80x80。并且每个图像下面还会有一行,即图像ID。当屏幕尺寸改变时。每行的图像数量将自动更改。
类似的东西:
<div class="container">
<span><p><img src="1.png" width="80"></p></span>
<span><p><img src="2.png" width="80"></p></span>
<span><p><img src="3.png" width="80"></p></span>
<span><p><img src="4.png" width="80"></p></span>
<span><p><img src="5.png" width="80"></p></span>
</div>
期待:
image1 image2 image3 image4
1.png 2.png 3.png 4.png
image5
5.png
我的代码无效,因为p无法嵌入span中。我认为所需要的是一个可以水平堆叠的容器,它可以容纳两行元素。而且我不想使用&#34; col col-xxx&#34;因为它会自动改变图像宽度。我想要宽度固定。有没有办法实现这个目标?
由于