Question

我最近进入了电子邮件编码，我之前从未使用过表格。我试图将这4个社交图标与电子邮件顶部对齐，但我无法弄明白。我试着在桌子上搜索一些东西，我觉得我对它有很好的掌握。

从我的表格中弹出四个社交图标，当前设置为600宽度。

我觉得很糟糕，这一定是一个简单的问题......

Thanks for <!DOCTYPE html>
<html lang="en">
  <head>
  </head>

  <body>
    <table style="margin: 0 auto;" width="600">
        <tr>
        <td width="400" align="left" valign="top">View this mailing in your web browser</td>
        <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td>
        <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td>
        <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td>
        <td width:"19" align="right" valign="top"><img src="img/facebook-icon.png" width="19"></td>
        </tr>
      <tr>
      <td width:"19" width="600;"><img src="img/breaker.png"></td>
      </tr>
    </table>
</body>
</html>

Answer 1

在第二行使用<td colspan="5">：

<tr>
    <td colspan="5" width="600"><img src="img/breaker.png"></td>
</tr>

Colspan基本上告诉浏览器这个<td>的宽度为5列，即5个“常规”<td>元素。 More here

此外，我删除了您在那里的重复width属性。

试图对齐图像

1 个答案: