Html 左对齐低于600像素

我不太清楚为什么当我的屏幕宽度低于600px时，我的屏幕上的徽标会左对齐？我没有任何

左浮动

，我还使用

文本对齐：居中

将图片居中

我正在构建电子邮件时事通讯模板。因此，我使用基础CSS框架，这意味着表。< /强>

有人能看到为什么我的徽标在600px以下左对齐吗

HTML

<!-- Logo -->
          <table class="row background-color__white">
            <tr>
              <td class="center" align="center">
                <center>
                  <table class="container">
                    <tr>
                      <td class="wrapper last">
                        <table class="twelve columns">
                          <tr>
                            <td style="text-align: center;">
                              <a href="http://google.dk">
                                <img width="250" height="80" src="https://s24.postimg.org/y6ho747xx/Untitled_1.png" alt="Alt text here">
                              </a>
                            </td> 
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </center>
              </td>
            </tr>
          </table>

---

您的表、tr和td标记具有display:table行，需要将它们转换为display:block。如果您只需要在媒体查询中使用它们，请将其粘贴在此处

#test, #test table, #test td, #test tr, #test tbody {
  display: block;
}

使用JSFIDLE更新：

---

在Zurb中，低于600表示媒体查询正在将单元格设置为align=“left”。这意味着href、td、tr或table会在表格单元格上放置align=“left”

通过将相同的中心样式放置到td上方的每个父项，可以强制徽标对齐中心

<table align="center" cellspacing="0" cellpadding="0" border="0" width="100%" class="twelve columns" style="text-align: center;">
  <tr style="text-align: center;">
    <td style="text-align: center;">
      <a href="http://google.dk">
        <img width="250" height="80" src="https://s24.postimg.org/y6ho747xx/Untitled_1.png" alt="Alt text here">
    </td>
  </tr>
</table>

---

您还可以添加一个类，如

.center align{text align:center！important；}

，并将其添加到td中的类以及600以下的媒体查询中。

1。请提供一份报告。2.不需要所有的粗体文本。我以前曾经在那里发过帖子，当我写我正在为电子邮件编程时，其他人抱怨我必须设置粗体文本。人们因为我用桌子而生气。所以从那时起，我做了别人说我应该做的事。现在我必须再次做我在开始时做的同样的事情。你发布代码了吗？谢谢你的回答。这会影响我代码中的其他东西吗？好吧，我试过了。所以整个网站左对齐：）是的，它会影响每个表、tr和td标签。如果您只希望它影响徽标所在的位置，则使用.row类。所以.row td、.row tr，或者简单地在表的开头使用一个ID，并以这种方式执行。在您的场景中使用#test、#test td、#test tr、#test table、#test tbody{display:block}我用小提琴更新了，请查看CSST中的顶行，非常感谢您的答案。听起来你对Zurb很了解。我刚试过你说的，但是很抱歉图像仍然跳到左边：在第326行，复制table.body并创建这个标记：

table.body{text align:center！important；}

将它放在第326行下面的某个地方，这样它就可以最后读取。这里完全没有问题。我照你写的做了，但还是一样。我再也弄不明白了，我明白了。我编辑了我的评论。试试看。当我这么做的时候，它就开始工作了。再次谢谢你。我只是想用你的代码做一个JSFIDLE。它在那里也不起作用：-(