Html 网站显示问题取决于计算机

在五台不同的计算机上使用相同的分辨率，相同的浏览器（Firefox14.01），其中1台是mac，3台运行在ubuntu上，最后一台运行在Windows7上

所有的测试都是在没有任何插件的干净浏览器上执行的

我们也试着交换屏幕，没有什么不同，它的浏览器有问题，它仍然有它

另外，使用firebug，我比较了每一个元素，它们都是相同的，只是我的link（）在两台计算机上多了两个像素

我在每个浏览器（Opera、Chrome、Firefox、Safari、IE 7-8-9）上都试过了，当我没有在Firefox上使用它时，我不会有问题，但当我使用它时，我在每个浏览器上都会有问题

我有许多html元素的显示问题

所以我的问题是：这是什么原因造成的

这是我的HTML代码：

<td style="text-align:center">
    <a style="margin-right: 10px;" href="#">
        <img alt="View" src="/statics/images/Form/view.png">
     </a>

    <a style="margin-right: 10px;">
        <img alt="Edit" src="/statics/images/Form/edit.png">
    </a>

    <a style="margin-right: 10px;" href="#" >
        <img alt="Delete" src="/statics/images/Form/delete.png">
    </a>
</td>

这是图片：

当它不工作时：

工作时：

任何建议都将不胜感激

谢谢你们

我们发现，根据在计算机上看到的情况，添加一个1像素的填充顶部（我们认为这不是我们的问题，因为它来自宽度…

a{

margin-right: 10px; 
text-decoration: none;

}

a:悬停{

margin-right: 10px; 
text-decoration: underline;

}

删除内联样式标记

将href添加到所有标记最好使用javascript:void（）或javascript:；而不是#

---

不妨尝试一下，然后尝试减小宽度：

<td style="text-align:center; width: 200px">

---

尝试将

a

设置为：

a {
    margin-right: 10px;
    text-decoration: none;
}

td a {
    display: inline-block;
    width: 27px;
}

我把27px作为简单测试的宽度，根据图像的大小应用它

---

您也可以尝试将固定宽度应用于

td

，足以嵌套三个图像。

重置后是否会出现问题？*{margin:0；padding:0；}将是最基本的示例。。。迈耶网重置method@vlzvl表格不是为了设计而制作的，而是为了提供信息……您的第二个

a

中没有

href

，您正在两次设置链接的样式。您应该从HTML标记中删除样式，并仅保留CSS。另外，尝试设置

文本装饰：无@morgi不会改变任何事情+1.赞成这个想法；）我们很久以前就从@morgiAlso的评论中删除了文本装饰，将我的文本显示为一个块只会将它们三个放在一条不同的线上……设置宽度只是一个快速修复，而不是我问题的答案，为什么图像的高度会有两个以上的像素取决于它所看到的计算机？@user66792用随机猜测更新。很难调试其他人的浏览器，但图像边框是可能的。是的。。。很抱歉，但是没有，图像边框已经重置，我试图覆盖它，但也不起作用+1关于建议，请参阅我写给@MikeRobinson的答案
a img { border: 0 }

a {
    margin-right: 10px;
    text-decoration: none;
}

td a {
    display: inline-block;
    width: 27px;
}