表格間距

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以便刷新，這是正確的修復方法。