td元素的宽度无法在HTML电子邮件中正确显示

时间:2013-06-18 11:09:58

标签: html-email html-table

我在显示td.header宽度时遇到问题。它不断占用p.event-detail的宽度。

有人可以帮我修复代码,以便td.header的宽度精确为530px。

<table bgcolor="#d8d8d8" cellspacing="0" cellpadding="0" border="0">
 <tbody>
  <tr>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
   <td class="header" width="530" bgcolor="#d8d8d8">
     <h3>Wonderself - Kỹ năng xã hội cho các bé từ 3-6 tuổi</h3>
   </td>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
  </tr>
  <tr>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
   <td width="365">
     <p class="event-detail">Chương trình về EQ hàng đầu của Mỹ để giúp các bé từ 3-6 tuổi phát triển kỹ năng xã hội.</p>
     <img src="attend-button.jpg" alt="Attend this event">
   </td>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
   <td width="150">
     <img src="box.jpg" alt="normal event">
   </td>
   <td width="15" bgcolor="#d8d8d8">
     <p>&nbsp;</p>
   </td>
  </tr>
  <tr height="10" bgcolor="#d8d8d8"></tr>
 </tbody>
</table>

1 个答案:

答案 0 :(得分:1)

试试这个

<td class="header" width="530" bgcolor="#d8d8d8" colspan="2">