表格中的间距

Question

所以我试图在桌子上创建这三个图像，因此Logo位于中间，两个按钮位于侧面。然而，当我这样做的时候，最后一张照片（注册）由于某种原因偏离右边的方式，而另外两张照片彼此相邻就好了。我认为问题在于Logo，因为当我将订单切换到：：引用一个朋友，注册，标识“它们完全对齐。但是我需要两个中间的徽标。实际上没有编码除了桌子之外，所以我真的迷失了所发生的事情。我在一个完全空白的文件中尝试编码，以防我干扰的其他编码，但就像我说的那样，它必须是我正在使用的徽标。没有徽标图像中的额外空间是自己的，所以我真的不知道如何解决这个问题。我只能给你两张图片，因为我没有“声望”，但注册和推荐朋友按钮是相同大小只是不同的链接。但这里的HTML我没有使用任何CSS。

<center><table>
<tr>
   <td><a href="refer.html"><img src="refer.png" width="80%"></a></td>
   <td><img id="logo" src="logo.png" width="20%"></td>
 <td><a href="signup.html"><img id="signup" src="signup.png" width="80%</a>            </td>
</tr>
</table></center>   

logo

refer a friend

Answer 1

首先。 center标记在HTML5（标准）中折旧。改用CSS。

其次不要在HTML中定义宽度，在CSS中进行，因为你有更多的控制权。

通过删除HTML上的％并添加px来解决问题。徽标正在影响右侧的图像，因为如果在tr中添加了背景，就会看到白色空间。

更好的布局方法是使用div和span

我为你创建了一个codepen。 http://codepen.io/anon/pen/JGpMJV

当我还在试图找出完整的anwser以便刷新时，我意外地提交了答案，这是正确的解决方法。