似乎无法将内容与单元格顶部对齐
我正在设计的电子邮件出现问题。标题和主图像未对齐到单元格的顶部。我相信我已经删除了所有填充（有一个仅用于移动设备的图像单元格，但删除单元格并没有删除空间）但是部分标题（FITNESS）和下面的内容之间仍然存在差距。
我附上了一张显示我的意思的图片。
非常感谢任何帮助。
CSS
[![<style type="text/css">
/* CLIENT-SPECIFIC STYLES */
body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
img { -ms-interpolation-mode: bicubic; }
/* RESET STYLES */
img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; }
table { border-collapse: collapse !important; }
body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
/* iOS BLUE LINKS */
a\[x-apple-data-detectors\] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
@font-face {
font-family: 'miso-regular';
src: url('fonts/miso-regular-webfont.woff2') format('woff2'),
url('fonts/miso-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'miso-bold';
src: url('fonts/miso-bold-webfont.woff2') format('woff2'),
url('fonts/miso-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* MOBILE STYLES */
@media screen and (max-width: 600px) {
.img-max {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.img-float {
display:block;
float:none;
margin:0 auto 20px !important;
}
.max-width {
max-width: 100% !important;
}
.mobile-wrapper {
width: 85% !important;
max-width: 85% !important;
}
.mobile-padding {
padding-left: 5% !important;
padding-right: 5% !important;
}
/* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
.mobile-hide {
display: none !important;
}
}
@media screen and (min-width: 600px) {
/* USE THESE CLASSES TO HIDE CONTENT ON MOBILE */
.mobile-show {
display: none !important;
}
}
/* ANDROID CENTER FIX */
div\[style*="margin: 16px 0;"\] { margin: 0 !important; }
</style>][1]][1]
HTML
<table border="0" bgcolor="#e8ebee" cellpadding="0" cellspacing="0" width="100%" style="max-width: 550px;" class="responsive-table">
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- ARTICLE TITLE -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 0px 5px 0 5px; line-height: 25px; font-family: 'Stardos Stencil', Arial, sans-serif; font-size:15px; color: #98a4ae; text-transform: uppercase;" class="padding">FITNESS</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- ARTICLE IMAGE -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 0 0 0 0; color: #666666;" class="padding"><img alt="insert alt text here" class="img-max mobile-show" height="264" src="images/article-long-mobile.png" style="display: block; font-family: sans-serif; font-size: 16px; color: #999999;" width="100%"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- ARTICLE COPY -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 0 5px -20px 5px; font-size: 16px; line-height: 20px; font-family: 'Noto Serif', serif; color: #666666; vertical-align:top" class="padding"><div style="vertical-align: top"><!--[if mso]>
<table border="0" cellpadding="0" cellspacing="0" width="160" align="right" style="width:160px;"><tr><td style="padding:0 0 20px 20px;">
<![endif]-->
<img alt="insert alt text here" class="img-max mobile-hide img-float" src="images/article-long.png" align="right" style="display: block; font-family: sans-serif; font-size: 16px; color: #999999; vertical-align: top; Margin:0 0 20px 20px;" width="200px">
<!--[if mso]>
</td></tr></table>
<![endif]-->
<p align="center" style="font-size: 50px; line-height: 50px; font-family: 'miso-bold'; color: #666666;">Why "Skipping" Legs Is Better Than Hitting 1000 Steps</p><p align="center" style="padding: 0 5px 20px 5px; font-size: 20px; line-height: 20px; font-family: 'miso-regular'; color: #98a4ae;" class="padding">Whether you squat or snatch, press or curl, biggest hitters or resistance hitters</p></div>
Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.Runti iur aute di blaccum et qui odi oditia sa dem quibus vento cum aut aut volor sitempo ribusae consequos et idenis alia dia diti ant mi, occum consequi nonet od excepel iquatiorpore liquatur, nia nam eossitas poribusda nimagnis alibus, ute vellor moloriori dis et adit volorio. Iliquid modia doluptati ipicaes ipiendunt ex et incimustrume eariatati ditatem porentist apiendit, od eos as eicimpore eniet ad que deliquatem.</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
</td>
</tr>
</table>
</td>
</tr>
</table>
1 个答案:
答案 0 :(得分：2)
使用heding将margin-top: 0;添加到段落中。
<p align="center" style="font-size: 50px;line-height: 50px;font-family: 'miso-bold';color: #666666;margin-top: 0;">Why "Skipping" Legs Is Better Than Hitting 1000 Steps</p>
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？