码农家园

关闭
导航

关于html:valign =” top”在Outlook电子邮件客户端中不起作用,如果第一个表的数据很长


emailhtmlhtml-emailoutlook

valign=“top” is not working in outlook email client in case of 1st table has lengthy data

相关讨论

  • 为什么首先使用三个表?如果愿意使用一个表,可以使用colspan强制它们全部对齐到列的顶部。
  • 正如我提到的,我正在设计响应式布局。因此,我希望每个桌子在小屏幕上对齐100%。这意味着在移动设备上,每个桌子都在垂直方向上相继出现。


将valign="top"放在包含3个父表的<td>上。当前,您仅在包含section-wrapper div的表单元格上具有它。

1
2
3
4
5
6
7
8
9
<!-- content section -->
<tr>
    <td class="main" style="border-top:3px solid #F5F5F5;border-bottom:3px solid #F5F5F5;padding-top:10px;padding-bottom:10px;margin-bottom:20px;">
        <table class="content" width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td style="padding:5px;" align="left" valign="top"><!-- < PUT IT HERE! -->
                    <table width="180" align="left" class="content left" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td width="50%" valign="top">
相关讨论

  • 感谢John的建议,我已经尝试过此方法,但是它也无法正常工作,因此产生了与我以前所面临的问题相同的问题。


我之前也遇到过同样的问题,它的前景无法彼此相距3x 33.33%。
我必须将它们全部设为32%,以使其并排安装。其类似的前景在tds

周围形成了很大的隐形边界


Copyright ©  码农家园 联系:[email protected]