位置和边距顶部负值不适用于 html 电子邮件模板 [关闭]

Posted

技术标签:

【中文标题】位置和边距顶部负值不适用于 html 电子邮件模板 [关闭]【英文标题】:Position and margin top negative values are not working on html email template [closed] 【发布时间】:2015-11-02 15:22:06 【问题描述】:
<td style="padding: 0px 30px 0px 0px;"><table border="0" cellpadding="0" cellspacing="0" >
                    <tr>
                        <td><table border="0" cellpadding="0" cellspacing="0"  bgcolor="green">
                                <tr>
                                    <td ><div>&nbsp;</div></td>
                                </tr>
                            </table></td>
                    </tr>
                    <tr>
                        <td><table border="0" cellpadding="0" cellspacing="0" >
                                <tr>
                                    <td  ><div style="border-left:1px solid #00f;height:50px;margin-top:-21px;">&nbsp;</div></td>
                                    <td  ><div style="border-right:1px solid #00f;height:50px;margin-top:-21px;">&nbsp;</div></td>
                                    <td  ><div style="border-right:1px solid #00f;height:50px;margin-top:-21px;">&nbsp;</div></td>
                                </tr>
                            </table></td>
                    </tr>
                </table></td>

【问题讨论】:

您实际上并没有问过问题 - 请查看 Stack Overflow 上的 How to ask 问题以及 can be asked 的问题类型以及 should be avoided. 的问题类型 【参考方案1】:

尽管这个问题很可怕,但答案如下:

您不能通过任何基于 CSS 的方法重新定位表格单元格。此外,您无法控制表格单元格的overflowheight(它们从不溢出,它们将始终包装其全部内容)。

您也不能将元素绝对定位在表格单元格内。这是不可能的。

td 内的div 上使用否定的margin-top 不会有任何效果,除非div 有任何其他前面的 元素邻居。例如,如果您在 div 内部的 div 之前有一个 h1,则可以在 div 上使用 margin-top: -10px;div 移动到更接近 h1 视觉上。

【讨论】:

以上是关于位置和边距顶部负值不适用于 html 电子邮件模板 [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

绝对位置和边距:自动

位置不适用于Safari中的电子邮件模板

使用绝对位置和边距自动垂直对齐子元素在 FireFox 中失败

CSS位置固定和边距0自动

安全区域布局指南不适用于情节提要中的 UITableViewController

Bootstrap Carousel - 动画和边距问题