DIV 和 TD 之间的空格 [重复]

Question

我制作了一张表格，其中一个单元格中有几个 div。现在，在 div 和单元格之间有一个小空间让我很困扰，我说的是顶部和底部空间（不是从侧面）。我希望你能帮我解决它。 代码：

.square
{
  background-color: Gray; 
  width: 150px; 
  padding: 20px; 
  display: inline-block; 
  margin: 0;        
  font-size: 20px;
}

<table>
  <tr>
    <td style="margin: 0 auto; background-color: Blue; font-size: 0;">
      <div class="square"> Text </div>
      <div class="square"> Text </div> 
      <div class="square"> Text </div>
    </td>
  </tr>
</table>

我制作了蓝色背景，以便您可以看到我所说的空间。有没有办法没有这样的空间？

Answer 1

这个空格是由“”（whitespace-char）之间造成的。在每个方块上使用float: left;来解决它。