Bootstrap固定大小的图片库,标题为

时间:2017-05-15 23:37:08

标签: html css twitter-bootstrap

我想要的是创建一个固定大小的图像英勇。每张图片都有固定的宽度和高度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;因为它会自动改变图像宽度。我想要宽度固定。有没有办法实现这个目标?

由于

0 个答案:

没有答案