表格间距

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以便刷新，这是正确的修复方法。