css样式的问题！

<body>
<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="15"><img src="1.jpg" width="15" height="15"><font>哈哈</font></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><img src="2.jpg" width="81" height="78"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height=""><font>嘿嘿</font></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>现在img1和img2由于哈哈文字的原因中间有空隙无法上下相连！把字体稍微改小点还是有空隙！
有什么好办法吗？

解决方案 »

  1.   

    先把布局方式改成Div的，再考虑CSS优化。
      

  2.   

    把图片的外边距设为0 img{margin:0px}
      

  3.   

    然后把表格td的内边距和外边距都设为０:
    td{padding:0px;margin:0px}
    试试吧！
      

  4.   

    对了，忘了说一下，表格的border-collapse也要设为collapse;这样td和td之间才没有间隙!
      

  5.   

    将表格加这2个属性试试。
    <table cellpadding="0" cellspacing="0">