Question

连续放置5列用于html电子邮件爆炸。我的边距和单元格间距为0，但是我在5张图像之间得到了大量的间距，所以我无法弄清楚我错过了什么。我已经连续两列完成了这项工作，但无法弄清楚我现在做错了什么。任何帮助表示赞赏

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" colspan="5">
             <a href="#">
             <img src ="#" style= "display: block; width: 600px;">
             </a>
        </td>
    </tr>

<!--Column 1-->

 <tr>
     <td align="right" colspan="1" width="120">
         <a style = "margin: 0px;" href="#">
         <img src="#" style="display: block; width: 120px;">
         </a>
      </td>

<!-- Column 2 -->

         <td align="right" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>


<!-- Column 3 -->

         <td align="center" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>


<!-- Column 4 -->

         <td align="left" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>

<!-- Column 5 -->

         <td align="left" colspan="1" width="120">
         <a href="#">
         <img src="#" width="120px" style="display: block; width: 120px;">
         </a>
      </td>
  </tr>

Answer 1

您必须执行以下步骤：

1）删除宽度=＆＃34; 100％＆＃34;在表格标签

2）将表的css表格布局设置为固定。如下所示

connection.connect();
var insert = { information : 'something' };
var query = connection.query('insert into db.table set ?', insert, function (err, result) {
    if (err) {
        console.error(err);
        return;
    }  

    console.log(result);
    connection.end();
});

Answer 2

请注意，当表格需要填充大量水平宽度时，图像之间只有空格。您需要修复表格的宽度，使其不会变得比需要的大。

或者，您可以放弃5列表格布局并显示图像内联块或浮动它们。使用内联块时，请确保标记之间没有空格，这可以通过以下注释实现：

   <img ...><!--
--><img ...><!--
--><img ...>

内联表中不必要的间距

2 个答案: