html - 无法在手机中将新闻稿的文本居中

Question

处理电子邮件爆炸和我的生活我无法让文本在移动 View 中居中。网址是:http://strictpixel.com/clients/relevant/fbc/email/

我指的是顶部导航，位于 Logo 下方。在移动设备中，它向左滑动，我不确定为什么。

我知道这很简单，但我已经费了一个小时了。

谢谢!

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;">
...

我最好的猜测是你错过了打开下一个 <td>就在那之前标记 table开始。

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