Question

在我的html中，我有一个表格，其边框间距设置为2px。是否可以删除表格的第一列和左边框之间的空间？当然在表格的最后一个单元格和右边框上也一样吗？这是我的HTML和CSS

table{
    table-layout: fixed ;
    width:100%;
    min-width:1024px;
    padding:0px;
    margin:0px;
    border-spacing:2px; 
}

<table>
 <tr>
  <td style='background-color:#f63; border-left:none;'>
   cell1
  </td>
  <td style='background-color:#f93;'>
   cell2
  </td>
  <td style='background-color:#f33; border-right:none;'>
   cell3
  </td>
 </tr>
</table>

Answer 1

首先，您应该在样式表的顶部添加以下内容以删除间距：

* {
    margin: 0;
    padding: 0;
}

然后将width: 100%;添加到表选择器中，这将分散您的列，因此边框处将不会留有空白。

Answer 2

卢卡斯是对的。

/* This will remove all spacings from your page */

* {
  margin: 0;
  padding: 0;
}

单元格之间的html表空间，但不是从左右表边界

2 个答案: