css - 表格 HTML/CSS 中的文本和图像

Question

有谁知道如何在表格中的图像和文本上方和下方移动？现在我有这个:

这是我的代码:

Answer 1

只需在 <img> 前后添加文字即可标记并添加换行符。

你还有两个关闭</td>每个图像后的元素。请在下面查看我的代码以获得正确的代码。

<br />您看到的代码代表换行符。它开始一个新行。如果您删除这些代码，文本和图像将彼此相邻，而不是彼此下方。

例子:

/* ignore the CSS, it's mainly for looks */

table {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

td {
  padding-bottom: 20px;
}

img {
  width: 100px;
  height: 100px;
}

<table cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td>Text<br /><img src="image.jpg" /><br />Text</td>
    <td>Text<br /><img src="image.jpg" /><br />Text</td>
    <td>Text<br /><img src="image.jpg" /><br />Text</td>
  </tr>
  <tr>
    <td>Text<br /><img src="image.jpg" /><br />Text</td>
    <td>Text<br /><img src="image.jpg" /><br />Text</td>
    <td>Text<br /><img src="image.jpg" /><br />Text</td>
  </tr>
</table>