0

我正在寻找一种设计照片库的方法，我目前正在使用表格，但不确定它是否是正确的方法，也不确定样式。

它有很多图片，upload 用于上传照片，message 用于显示上传消息。

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

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

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

<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>
4

2 回答 2

0

语义表应该用于表格数据。

查看此问题的答案以获取一些选项。根据您想要支持的浏览器的年龄，您还可以考虑使用弹性框布局。Flex box 很不错且易于编码，但尚未在所有浏览器中完全支持。

于 2013-06-01T07:10:00.960 回答
0

根据我的说法，这不应该使用表格来完成，更好的方法是使用 CSS3column-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-countCSS3 属性没有被广泛支持，但是有很多 polyfills 可用，您可以在线搜索并使用它来实现跨浏览器兼容性

于 2013-06-01T07:16:42.767 回答