为什么加了空格显示方式就完全不同呢

<html>
<head>
<title>洪恩在线 - Javascript实例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../homepage.css">
</head><body bgcolor="#FFFFFF">
<script language="Javascript" ></script>
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>  
  <td align="center" valign="top">&nbsp;</td>就是这句，为什么加了空格显示就完全两样呢   
<td bgcolor="5F74BF" width="28" align="center"><img src="img/bule1.gif" width="28" height="49"></td>
    
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    应该算是IE的bug吧！。。
      

  2.   

    加上&nbsp;相当于TD中有内容。右面的列的宽度就得是 width="28"
    如果不加&nbsp;相当于TD中没有内容，那么这个TD的宽度是0，自然右面的TD要靠左了，
    但是你的 table width="760" 导致将右面的TD 拉宽了
      

  3.   

    其实你给左面的TD也加个颜色 你就明白了！
    <html>
    <head>
    <title>洪恩在线 - Javascript实例</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <link rel="stylesheet" href="../homepage.css">
    </head><body bgcolor="#FFFFFF">
    <script language="Javascript" ></script>
    <table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr>  
      <td align="center" valign="top" bgcolor="red">&nbsp;</td>
    <td bgcolor="5F74BF" width="28" align="center"><img src="img/bule1.gif" width="28" height="49"></td>
       
      </tr>
    </table>
    </body>
    </html>