Question

如何删除第一tr和第二tr之间的空格？我必须使用图片，不能使用border属性。

<table>
  <tr>
    <td align="left" height="40" style="padding-left:30px;padding-bottom:0px;border-collapse: collapse;">

      <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
        <tbody>
          <tr>
            <td valign="middle" height="40" align="center" style="color: #FFFFFF;display: block;padding-left: 55px;padding-right: 55px;background-color:#EE163A;">
              <span class="event_register" style="color: #FFFFFF;text-align: center;text-decoration: none;-webkit-text-size-adjust: none;font-size: 14px;line-height: 40px;display: inline-block;text-transform:uppercase;font-family: 'proxima_novasemibold', Arial, sans-serif;"
              target="_blank">Day 1</span>
            </td>
          </tr>
        </tbody>
      </table>
    </td>
  </tr>

  <tr>
    <td style="mso-line-height-rule: exactly; line-height:0px;border-collapse: collapse;">
      <img src="http://www.hubilo.in/images_for_links/arrow.png" width="10" height="10" style="padding-left:100px; vertical-align:top; " valign="top" align="top">
    </td>
  </tr>
</table>

Answer 1

您忘了将deregistered和jQuery is not defined添加到最顶层的表格中。此外，cellspacing="0"中还有一个填充，需要设置为cellpadding="0"。如果您希望向下箭头粘贴到顶部div，那么您必须提供td，因为图像本身中有空格

＆＃13;

Answer 2

也可以使用<table cellpadding="0" cellspacing="0">作为顶级表格

另外你使用的图像也有空白是箭头以上需要裁剪...

Answer 3

<table cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" height="40" style="padding-left:30px;padding-bottom:0px;border-collapse: collapse;">

      <table cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
        <tbody>
          <tr>
            <td valign="middle" height="40" align="center" style="color: #FFFFFF;display: block;padding-left: 55px;padding-right: 55px;background-color:#EE163A;">
              <span class="event_register" style="color: #FFFFFF;text-align: center;text-decoration: none;-webkit-text-size-adjust: none;font-size: 14px;line-height: 40px;display: inline-block;text-transform:uppercase;font-family: 'proxima_novasemibold', Arial, sans-serif;"
              target="_blank">Day 1</span>
            </td>
          </tr>
        </tbody>
      </table>
    </td>
  </tr>

  <tr>
    <td style="mso-line-height-rule: exactly; line-height:0px;border-collapse: collapse; padding: 0;">
      <img width="10" align="top" height="10" valign="top" style="padding-left: 100px; vertical-align: top; margin-top: -2px;" src="http://www.hubilo.in/images_for_links/arrow.png">
    </td>
  </tr>
</table>

HTML表：删除两个tr之间的空格

3 个答案: