问如何设计图片库？

EN

在语义上，表应该用于表格数据。

请查看这个问题的答案以获得一些选项。根据您想要支持的浏览器的使用时间，您还可以考虑使用挠性盒布局。Flex box很好，而且易于编写代码，但还不是所有浏览器都完全支持它。

根据我的看法，这不应该使用表来完成，更好的方法是通过使用CSS3 column-count属性，这样您可以将内容分割成任意数量的列，这样您就不必也使用表了。

演示

演示 (新增-webkit支持)

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%;
}

注意：column-count CSS3属性不受广泛支持，但是有许多可用的填充，您可以在线搜索并使用它来实现跨浏览器兼容性。