我想把instagram的链接放到图片的中间。
<div align="center">
<table cellpadding="0" width="400" cellspacing="0">
<tr>
<td>
<a href="http://www.facebook.com/pages/yourfanpage/12345678" target="_blank">
<img src="http://www.liviocapalbo.com/img/instagram-icon_white.png" alt="" width="128" height="128" border="0"cellpadding="30" >
</a>
</td>
<td>
<a href="http://www.myspace.com/yourpage" target="_blank">
<hr style="border: none; width: 200px; height: 550px; color: white; background: rgba(000,0,0,0.0);;margin: 0; padding: 0;"/>
</a>
</td>
<td>
<a href="http://twitter.com/yourtwitter" target="_blank">
<img src="http://askreu.com/wp-content/uploads/2012/08/gradient_1600x1200.jpg" alt="Follow Us On Twitter" width="367" height="550" border="0">
</a>
</td>
</tr>
</table>
</div>
http://jsbin.com/lezakese/1/edit 我不完全确定你想要完成什么(特别是为什么你在<a>
标签中包装<hr>
),但我已经在你的代码中添加了一些边框,希望能说明为什么布局是这样的。