Question

我有两个imgs，我试图填充，没有他们的边界也被填补。为了达到这个目的，我将两个img分成两个单独的＆t;＆＃39;两者都在同一个＆＃39; tr＆＃39;。

编辑格式清晰度：两者都有＆＃39;＆＃39;被分配到同一个班级，但我不相信这是问题所在。

td的类属性：

table.container td.logo { 
    border-collapse:collapse; 
    width: 50%; 
    vertical-align:top;
    text-align:center; 
    align:left; 
    padding:10px 0px 0px 0px;
}

img类的类属性：

.circle-icons { 
    max-width: 100px;
    /*Opera, IE9,Safari, Android 2.1+ clients*/
    border-radius:50%; 
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius:50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    border: 5px solid #ECECEC;
    text-align: center;
}

行动准则：

<table width="600" cellpadding="0" cellspacing="0" border="0" class="container" bgcolor="#ffffff" style="border-spacing: 0;font-family: Lato, Arial, sans-serif;color: #434343;">
    <tr>
        <td class="logo" style="border-collapse:collapse; text-align:center; color:#fff;">
            <img src="http://static.cdn~.png" class="circle-icons" />
        </td>
        <td class="logo" style="border-collapse:collapse; text-align: left; color: #fff;">
            <img src="http://static.cdn~.png" class="circle-icons" />
        </td>
    </tr>
</table>

这是当前的结果：通过做一个强制宽度：50％（我知道，也不是它的忠实粉丝）我能够＆＃34;强迫＆＃34;第一个td向左移动，但第二个td仍在打破表格。

这是一个屏幕抓取：Link

我怎样才能修复我的桌子（电子邮件模板）

0 个答案: