电子邮件中的 HTML 表格和 CSS

标签 html css html-table html-email

我知道将 HTML 和 CSS 放入电子邮件中很痛苦,而且有些东西不起作用。因此,我必须在表格元素中创建我的布局,这很好。

现在举个例子:

print"<center><Table cellspacing=0 cellpadding=0 border=1 style=\"width:680px;border:1px solid blue\">";
print"<tr><td>";

print "<table cellspacing=0 cellpadding=0 border=1 style=\"width:220px;border:1px solid blue;\">";
        print "<tr><td>";
            print "testing testing";
        print "</tr></td>";
        print "<tr><td>";
            print "testing it";
        print "<tr></td>";
                print "<tr><td>";
            print "testing it";
        print "<tr></td>";



print "</table><br>";

print "<table cellspacing=0 cellpadding=0 border=1 style=\"width:220px;border:1px solid blue;\">";
        print "<tr><td>";
            print "testing testing";
        print "</tr></td>";
        print "<tr><td>";
            print "testing it";
        print "<tr></td>";
                print "<tr><td>";
            print "testing it";
        print "<tr></td>";



print "</table>";

print"</tr></td>";
print "</table></center>";

这在浏览器中输出如下(很好):

tables

现在的问题是我希望内部表格向左浮动,以便它们彼此相邻出现,而不是彼此下方。显然 float 在 Outlook 中不起作用,那么我还能怎么做呢?

最佳答案

将它们嵌套在另一个表中:

<table>
    <tr>
        <td>
            TABLE 1 GOES HERE
        </td>
        <td>
            TABLE 2 GOES HERE
        </td>
    </tr>
</table>

关于电子邮件中的 HTML 表格和 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22985914/

相关文章:

html - ol 列表的中心 li 编号

javascript - 如何创建一个函数,通过 onmouseover 将我的段落更改为 img

javascript - 让 "Counter Increment"隐藏onclick?

Angular2 - 将 routerLink 参数添加到所选表值

html - 如何使双列表响应第二列在第一列之下?

html - CSS3 Nth-child 设置动态左边位置

php - 如何在 php 和 mysql 中的特定行周围放置一条虚线

javascript - jquery获取突出显示文本的html并更改其样式

javascript toggleClass 仅适用于一组 div

javascript - Angular新手,无响应动态表