作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在 Marketo 中创建一个 eDM 时事通讯作为模板,它在除 gmail 之外的几乎所有内容中都可以正常查看。带有图像的 Div 似乎正在创建底部边距或其他东西,我不知道如何摆脱它。请参阅下面的标记和红色矩形代表问题边缘区域的图像。
谢谢!
<html>
<head>
<title>Responsive Template</title>
</head>
<body style="margin: 0px; padding: 0px;">
<table cellpadding="0" cellspacing="0" valign="top" width="100%" align="center" bgcolor="#EBEBEB" style="padding: 0px; margin: 0px;">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" valign="bottom">
<tr>
<td width="20"> </td>
<td><div class="mktEditable" id="headerImage" style="margin: 0px; padding: 0px;"><img src="https://placeholdit.imgix.net/~text?txtsize=25&txt=610%C3%97100&w=610&h=100" alt=""/></div></td>
<td width="20"> </td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="650"><div class="mktEditable" id="topBanner" style="margin: 0px; padding: 0px;"><img src="http://www.vision6.com.au/download/files/20677/2408194/Header.png" alt=""/></div></td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20"> </td>
<td width="610" bgcolor="#FFFFFF"><div class="mktEditable" id="mainContent" style="padding: 20px; margin: 0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mollis pharetra mi ut finibus. Sed elementum eros ut augue egestas eleifend. Quisque nibh neque.</div></td>
<td width="20"> </td>
</tr>
</table>
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20"> </td>
<td width="610" bgcolor="#FFFFFF">
<div class="mktEditable" id="footerImage" style="margin: 0px; padding: 0px;">
<img style="margin: 0px; padding: 0px;" src="https://placeholdit.imgix.net/~text?txtsize=25&txt=610%C3%97100&w=610&h=100" alt=""/>
</div></td>
<td width="20"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
<style>
@media only screen and (max-width: 650px) {
body {
width: 100% !important;
min-width: 100% !important;
}
img {
float: none !important;
height: auto;
max-width: 100%;
margin: 0px !important;
padding: 0px !important;
}
</style>
</html>
IMG(gmail): http://s4.postimg.org/p2cwbvdn1/gmailmarginissue.jpg
编辑*
IMG(无 margin 问题/Outlook):http://s16.postimg.org/yikdy0md1/Screen_Shot_2015_09_07_at_2_39_30_pm.png
最佳答案
Gmail 域并不总是支持 div
标签,因此删除 div
标记并将 css 应用于 td,并确保与 td 对齐(例如:<td align="left" valign="top"></td>
)
关于html - gmail 中 edM 的底边距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32431074/
在 Android 上,有一个代表绘图表面的 Canvas 类。它有一个剪裁矩形。问题 - 矩形的右边界和底边界是包容性的还是排他性的?换句话说 - 如果矩形是 (0, 0)-(10, 10),Can
我正在努力实现只会将顶角圆化并在其周围形成阴影的 View 。整个 View 应在底部被父 View 遮盖,以防止阴影重叠在 subview 之后(阴影偏移应为 (0, 0))。 当我使用时:
我是一名优秀的程序员,十分优秀!