Question

html 表格内图片对齐问题

代码：
<div style="width: 100%" >
<table width="100%" cellpadding=0 cellspacing=0 border="0">
<tr>
<!--截止到4月11日-->
<td><a href="http://shanghai.ielts.com.cn/item/2009-03-20/50702.html" target="_blank"><div align="center"><img src="/bbs/images/46060.jpg" width="460" height="60" alt="环球雅思" border="0"/></div></a></td>
<td><a href=" http://www.longre.com/shanghai/09ys/09ysfb.html" target="_blank"><div align="center"><img src="/bbs/images/langge.gif" width="460" height="60" alt="朗阁" border="0"/></div></a></td>
</tr>
<tr>
<!--截止到5月15日-->
<td><a href="http://www.o-box.cn" target="_blank"><div align="center"><img src="/bbs/images/tongyi.jpg" width="468" height="60" alt="统一鲜橙多" border="0"/></div></a></td>
</td>
<td><script type="text/JavaScript">
alimama_pid="mm_11616094_1430072_6446244";
alimama_type="f";
alimama_sizecode ="tl_3x3_12";
alimama_fontsize=12;
alimama_bordercolor="FFFFFF";
alimama_bgcolor="FFFFFF";
alimama_titlecolor="0000FF";
alimama_underline=0;
alimama_height=62;
alimama_width=0;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script></td>
</tr>
</table>
</div>
广告地址：http://bbs.goldgardens.com

我想让图片在表格内居左对齐，怎么不行呢？明显左边和中间还有空格嘛
楼下两个都不对，可能是我的网页引用这个代码的时候出问题了~~

谢谢两位

Answer 1

已改过,看看是不是要的效果

<div style="width: 100%" >
<table width="100%" cellpadding=0 cellspacing=0 border="0">
<tr>
<!--截止到4月11日-->
<td align="left"><a href="http://shanghai.ielts.com.cn/item/2009-03-20/50702.html" target="_blank">
<div><img src="/bbs/images/46060.jpg" width="460" height="60" alt="环球雅思" border="0"/></div>
</a></td>
<td align="left"><a href=" http://www.longre.com/shanghai/09ys/09ysfb.html" target="_blank">
<div><img src="/bbs/images/langge.gif" width="460" height="60" alt="朗阁" border="0"/></div>
</a></td>
</tr>
<tr>
<!--截止到5月15日-->
<td align="left"><a href="http://www.o-box.cn" target="_blank">
<div><img src="/bbs/images/tongyi.jpg" width="468" height="60" alt="统一鲜橙多" border="0"/></div>
</a></td>
</td>
<td><script type="text/JavaScript">
alimama_pid="mm_11616094_1430072_6446244";
alimama_type="f";
alimama_sizecode ="tl_3x3_12";
alimama_fontsize=12;
alimama_bordercolor="FFFFFF";
alimama_bgcolor="FFFFFF";
alimama_titlecolor="0000FF";
alimama_underline=0;
alimama_height=62;
alimama_width=0;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script></td>
</tr>
</table>
</div>

Answer 2

把每个table里面的td宽度设置一下就可以了，然后td 的align设置为left
<div style="width: 100%" >
<table width="100%" cellpadding=0 cellspacing=0 border="0">
<tr>
<!--截止到4月11日-->
<td align="left" width="25%"><a href="http://shanghai.ielts.com.cn/item/2009-03-20/50702.html" target="_blank">
<div><img src="/bbs/images/46060.jpg" width="460" height="60" alt="环球雅思" border="0"/></div>
</a></td>
<td align="left" width="25%"><a href=" http://www.longre.com/shanghai/09ys/09ysfb.html" target="_blank">
<div><img src="/bbs/images/langge.gif" width="460" height="60" alt="朗阁" border="0"/></div>
</a></td>
</tr>
<tr>
<!--截止到5月15日-->
<td align="left" width="25%"><a href="http://www.o-box.cn" target="_blank">
<div><img src="/bbs/images/tongyi.jpg" width="468" height="60" alt="统一鲜橙多" border="0"/></div>
</a></td>
</td>
<td width="25%"><script type="text/JavaScript">
alimama_pid="mm_11616094_1430072_6446244";
alimama_type="f";
alimama_sizecode ="tl_3x3_12";
alimama_fontsize=12;
alimama_bordercolor="FFFFFF";
alimama_bgcolor="FFFFFF";
alimama_titlecolor="0000FF";
alimama_underline=0;
alimama_height=62;
alimama_width=0;
</script>
<script src="http://a.alimama.cn/inf.js" type=text/javascript>
</script></td>
</tr>
</table>
</div>

Answer 3

1、水平对齐：

<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD align=center>陈汉泉博客</TD></TR>
</TABLE>

以上代码中的“align=center”，就是表格内容的居中对齐，若要左对齐，则align=left；右对齐align=right；

2、上下对齐：

<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD VALIGN=TOP>陈汉泉博客</TD></TR>
</TABLE>

以上代码中的VALIGN=TOP，就是表格内的垂直上对齐，VALIGN=MIDDLE垂直居中对齐，VALIGN=BOTTOM垂直下对齐。

Answer 4

你可以用css,把<div align="center">改成<div class="tp">
.tp img{float:left;}

Answer 5

居左对齐代码应为align="left"，不是center