css - 使用 CSS 创建垂直堆叠的缩略图

Question

我正在尝试创建图像缩略图的垂直堆栈。每行一个缩略图。

我正在努力提升我的 CSS 技能。我有这个使用

<table>
<tr>
 <td><img /></td>
</tr>
<tr>
 <td><img /></td>
</tr>
<tr>
 <td><img /></td>
</tr>
</table>

我不想使用表格，而是使用 div 和 CSS 来实现。这是我以后可以更好地控制间距和布局。

有什么想法吗？

Answer 1

非常简单:

<div><img /></div>
<div><img /></div>
<div><img /></div>

div 是 block 级元素。除非您以其他方式指定，否则它的行为类似于 <tr>标签