HTML/IOS<;6工作台校准
在旧版本的IOS上使用HTML电子邮件有点麻烦,因为这些表不会彼此对齐。我正在为客户创建响应电子邮件布局,需要使用align=“left”浮动表。(下面是示例代码) 我已经在我能想到的每一个客户端上进行了测试,只有旧的IOS版本出现了这个问题 示例代码:(这不是我正在使用的实际代码,而是相同的原则)HTML/IOS<;6工作台校准,html,ios5,html-email,Html,Ios5,Html Email,在旧版本的IOS上使用HTML电子邮件有点麻烦,因为这些表不会彼此对齐。我正在为客户创建响应电子邮件布局,需要使用align=“left”浮动表。(下面是示例代码) 我已经在我能想到的每一个客户端上进行了测试,只有旧的IOS版本出现了这个问题 示例代码:(这不是我正在使用的实际代码,而是相同的原则) 这里有一些文字1 这里有一些文字2 这里有一些文字3 以下是IOS 5(不正确)和IOS 6(正确)的图像: 如蒙协助,将不胜感激。如果您需要更多信息,请告诉我。您的表格单元格上有align=
这里有一些文字1
这里有一些文字2
这里有一些文字3
以下是IOS 5(不正确)和IOS 6(正确)的图像:
如蒙协助,将不胜感激。如果您需要更多信息,请告诉我。您的表格单元格上有align=“200”
——不确定这是否只是示例代码中的一个输入错误,但这可能会把事情搞砸。否则,它看起来不错,也许可以尝试添加float:left
将对齐的表作为回退,查看是否有帮助
另外,将表格单元格的宽度设置为100%或200,以确保它们的行为符合预期,并检查full width类或其他css没有做任何令人不快的事情。对,在玩了几个小时的代码后,答案是…: 确保容器TD也为align=“left”,这样代码将变成:
<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width">
<tr>
<td width="600" class="full-width" align="left">
<table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
<tr>
<td width="200">Some Text Here 1</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
<tr>
<td width="200">Some Text Here 2</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
<tr>
<td width="200">Some Text Here 3</td>
</tr>
</table>
</td>
</tr>
这里有一些文字1
这里有一些文字2
这里有一些文字3
您的响应式CSS是什么?很抱歉,这确实是一个打字错误,谢谢您的建议,我们将尝试一下
<table cellspacing="0" cellpadding="0" width="600" border="0" class="full-width">
<tr>
<td width="600" class="full-width" align="left">
<table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
<tr>
<td width="200">Some Text Here 1</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
<tr>
<td width="200">Some Text Here 2</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" width="200" align="left">
<tr>
<td width="200">Some Text Here 3</td>
</tr>
</table>
</td>
</tr>