1

在五台不同的计算机上使用相同的分辨率，相同的浏览器（firefox 14.01），其中 1 个是 mac，3 个在 ubuntu 上运行，最后一个在 Windows 7 上。

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

我们也试过换屏，没有什么不同，是浏览器有问题，还是有。

另外，使用萤火虫，我比较了每个元素，它们都是相同的，除了我的链接（）在 2 台计算机上多了 2 个像素。

我在每个浏览器（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>

这是我的 a 的 CSS 代码

a {
    margin-right: 10px;
    cursor: pointer;
    text-decoration: underline;
}

这是图片：

当它不工作时： 不工作

当它工作时：在职的

任何建议表示赞赏！

谢谢你们...

我们发现添加一个 1 px 的 padding-top （我们认为这不是我们的问题，因为它来自宽度）取决于它所看到的计算机......

4

3 回答 3

1

不妨试试这个，然后尝试减小宽度：

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

由于您使用链接包装图像，因此您有可能给它一个边框（这适用于非常旧的浏览器，并且不应在 css 重置时发生，但是......）

a img { border: 0 }
于 2012-07-19T19:46:20.007 回答
1

尝试将您的设置a为：

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

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

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

您也可以尝试将固定宽度应用于您的td，足以嵌套您的三个图像。

于 2012-07-19T19:48:02.870 回答
0

一种 {

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

}

一：悬停{

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

}

  1. 删除内联样式标签
  2. 为所有标签添加 href 更好地使用 javascript:void() 或 javascript:; 代替 ＃
于 2012-07-19T19:38:58.327 回答