1

编辑：在下面添加了示例。

我有以下代码（例如简化），我将其作为时事通讯发送：

<table width="700">
    <tr>
        <td width="700"><!-- Really trying to set 700 as max) -->

            <table width="700"> <!-- simple table content, not bigger than 700 --></table>
            <table width="350"> <!-- simple table content, not bigger than 350 --></table>
            <table width="350"> <!-- simple table content, not bigger than 350 --></table>

        </td>
    </tr>
</table>

预期结果：
[------ table 700 ------]
[ table 350 ][ table 350 ]

Windows Live Mail 中的结果：（ 在 Mac 的 Mail 中工作正常）
[------ table 700 ------][ table 350 ][ table 350 ]

这一切都在 1 行中，虽然包装 TD 和 table 设置为 700，但我希望它从新行开始。

我不能添加中断，这是动态代码，我有更多部分，我不知道代码中的最后一行。

除了“使用表格开始发送邮件”-新手解决方案之外，我找不到有关此的主题。

有人有线索吗？

4

2 回答 2

1

问题/解决方案正在使用align="left". 任何一张桌子align=left都会有下一张桌子粘在上面。首选结果示例：

[---- 100 ----]
[--50--][--50--]
[25][25][25][25]

如果所有这些表都有align="left"，它将导致一行很长：

[---- 100 ----][--50--][--50--][25][25][25][25]

我align=left从第一个表中删除了，结果如下：

[---- 100 ----]
[--50--][--50--][25][25][25][25]

我可以从其他表中删除align=left，因为我想要那些内联块。为了正确获取它们，我在代码中添加了“拆分”。拆分表是align=left没有高度的表。align=left除了拆分之外，所有表都有：

[---- 100 ----](split)
[--50--][--50--](split)
[25][25][25][25]

于 2014-03-31T10:43:23.523 回答
0

添加style="display:block;"到您的顶表。

但是，您最好将它们放入自己的<td>'s 中，而不是在那里浮动/对齐它们。

像这样：

<table width="700" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td bgcolor="#eeeeee">
      ...
    </td>
  </tr>
  <tr>
    <td>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="350" bgcolor="#cccccc">
            ...
          </td>
          <td width="350" bgcolor="#dddddd">
            ...
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

这是一个类似的问题/答案，它解释了您在对齐表格时可能遇到的另一个问题。

如果您试图做出响应，您可以使用<td>'s withdisplay:block;来使它们在媒体查询触发时“弹出”。这里的例子

于 2014-03-28T14:09:13.270 回答