Question

我尽了一切可能。图像右侧著名的1px垂直间隙似乎仍然没有固定的解决方案！请有人帮助解决此问题。逐一拔出头发后，我几乎没有头发了！

白斑病有人可以帮忙吗？

<style type="text/css">
    /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
    body{
        margin:0;
        padding:0;
    }

    img{
        border:0 none;
        height:auto;
        line-height:100%;
        outline:none;
        text-decoration:none;
    }

    a img{
        border:0 none;
    }

    .imageFix{
        display:block;
    }

    table, tr, td{
        border-collapse:collapse;
    }

    #bodyTable{
        height:100% !important;
        margin:0;
        padding:0;
        width:799px !important;
        max-width: 799px !important;
    }
</style>
<table bgcolor="red" width="799" cellspacing="0" cellpadding="0">
<tbody>
    <tr>
        <td width="176" height="115">
            <img src="https://www.htref.co.za/signatures/images/img01-01.png" class="imageFix" alt="logo" width="176" height="115">
        </td>
        <td width="623" height="115">
            <img src="https://www.htref.co.za/signatures/images/img01.png" class="imageFix" alt="logo" width="623" height="115">
        </td>
    </tr>
</tbody>
</table>

示例显示图像右侧1px垂直间隙

Example show of 1px vertical gap on the right side of the image

Answer 1

在我的计算机上，没有边框出现！

将浅灰色背景色放置到主体上，在图像的右侧。

例如，为什么可以在Flexbox中使用表格？

Answer 2

bgcolor="red"

有必要吗？没有这个，差距就消失了。

Answer 3

您是否尝试过在图像之前或之后不留空格？我记得在源代码HTML中的空格已折叠，但仍在输出中呈现为空格字符。因此，img标记之前或之后都不能有空格，制表符或换行符。

但是，如果这是您签名的全部内容，则不需要table（这是对齐图片的90年代方法）。您可以直接使用img（但标记之前或之后仍不能使用空格）：

<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
    body{
        width: 799px
    }
  </style>
</head>
<body><img src="https://www.htref.co.za/signatures/images/img01-01.png" 
         alt="logo" width="176" height="115" 
     /><img src="https://www.htref.co.za/signatures/images/img01.png" 
         alt="logo" width="623" height="115" 
    /></body>
</html>

简单html签名中图像右侧的1px垂直间距

3 个答案: