Html 如何设计照片库？

我正在寻找一种方法来设计一个照片gallary，我目前正在使用表，但不确定它是否是一个正确的方法来做它或不，也不确定有关造型

它有很多图片，上传用来上传照片，留言用来显示上传的信息

我只需要显示图像，允许用户在服务器上保存图像，并显示消息（已上载/无法上载）。我可以显示图像，保存它们并将消息发送到消息部分，但不确定如何设置样式

另一个问题是，我需要所有图像的大小相同，因为现在每个图像的大小不同

我需要它在所有浏览器上都是相同的

<table>
<tbody>
<tr>
    <td><img 1></td>
    <td>upload photo btn</td>
    <td><label>message</label></td>
    <td><img 3></td>
    <td>upload photo btn</td>
    <td><label>message</label></td>
</tr>
</tbody>
</table>

上传照片
消息
上传照片
消息

从语义上讲，表格应用于表格数据

查看的答案，以获得一些选项。

---

根据要支持的浏览器的年龄，还可以考虑使用。Flex box很好，易于编码，但并非所有浏览器都完全支持它。

据我所知，这不应该通过使用表来实现，更好的方法是使用CSS3

column count

属性，这样你就可以将内容拆分为任意数量的列，这样你就不必再使用表格了

（添加了

-webkit

支持）

注意：

列计数

CSS3属性不受广泛支持，但有 如果有许多polyfills可用，您可以在线搜索并使用它 跨浏览器兼容性

---

你想让画廊做什么？放大onClick等，或者你只是想在页面上显示漂亮的图像？只需要显示它们。问题已更新。@JackRamzi如果有响应，请调整窗口大小，您将看到图像调整大小

html, body {
    width: 100%;
    height: 100%;
}

.wrap {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

.holder {
    border: 1px solid #f00;
}

img {
    max-width: 100%;
}