无法在移动设备中将新闻稿的文本居中

Question

正在处理电子邮件爆炸，对于我的生活，我无法将文本置于移动视图中的中心。网址是：http://strictpixel.com/clients/relevant/fbc/email/

我引用的是徽标下的顶部导航。在移动设备中，它向左滑动，我不知道为什么。

我知道这很简单，但我已经把头发拔了一个小时了。

谢谢！

Answer 1

是的，这确实是一团糟，您应该考虑重构。 您不可能需要所有这些嵌套表。

但是，如果您打算保持这种方式，则问题可能源于您的 HTML 无效。 首先，<center>标签已失效，不应使用。 其次，您在我在下面插入的评论之后开始中断表结构的流程：

            <p class="template-label">469-952-6404</p></td>
            <td class="expander"></td>
        </tr>
    </table>
</td>
<!-- You can't start the new table below here without first either
opening a new <td> or closing the <tr> and <table> that is open!!  -->
<table class="container">
    <tr>
        <td class="wrapper">
            <table class="twelve columns" style="background-color:#f1f5f8;vertical-align:center;">
...

我最好的猜测是，您错过了在table开始之前打开下一个<td>标签。

使用在线 HTML 验证器来帮助您找到表结构损坏的位置。 像 http://www.freeformatter.com/html-validator.html 这样的东西可能会有用。