html - 如何使用内联 CSS 在 HTML 表格中居中图像？

Question

为了更多地了解 HTML，我正在从头设计一个 HTML 新闻稿模板。我让一切正常工作。但是，我有一个部分要添加 4 个社交媒体图标，均匀分布在表格行中。

由于各种电子邮件软件的要求，我主要尝试使用 HTML 和内联 css 来完成此操作，但我似乎无法让它工作。我附上了你可以明白我的意思(我在本地机器上构建它所以没有真实的图像)。我只需要将 4 张图像均匀分布在一行中。

提前致谢

<!-- Start Social Media -->
					
<table cellpadding="0" cellspacing="0" width="560" style="padding: 25px 0px 0px 15px" bgcolor="#4e6591">
    <tr>
        <td style="font-family: Arial, Verdana, sans-serif; color:#ffffff">	<span style="padding-left: 50px; text-transform:uppercase; font-size:20px; font-weight:bold;">Connect with us</span>
            <br>
            <br>
        </td>
    </tr>
    <tr>"
        <td align="center" valign="middle">	<a href="https://www.facebook.com/" target="blank"><img src="facebook.png" alt="Facebook Follow" width="94px" height="32px" style="display: block;"></a>

        </td>
        <td align="center" valign="middle">	<a href="https://www.twitter.com/" target="blank"><img src="twitter.png" alt="Twitter Follow" width="94px" height="32px" style="display: block;"></a>

        </td>
        <td align="center" valign="middle">	<a href="https://www.youtube.com/" target="blank"><img src="youtube.png" alt="YouTube Subscribe" width="94px" height="31px" style="display: block;"></a>

        </td>
        <td align="center" valign="middle">	<a href="#" target="blank"><img src="rss.png" alt="RSS Subscribe" width="94px" height="32px" style="display: block;"></a>

        </td>

Answer 1

您需要在“与我们联系”表格单元格上使用 colspan="4"，以便它跨越下面一行的四列。