你如何制作一个按钮表，但按钮之间没有间隙？

Question

我正在网站上工作，并意识到，我不知道如何在按钮之间没有间隙。我上网了，但我不能形成我想说的话。我想制作一张桌子，但是我放在桌子上的按钮之间没有间隙。

如果您可以提供帮助，我希望将代码限制为html，CSS和Javascript。

Answer 1

到达那里的关键是边框折叠和用于边距和填充的css重置的组合。

＆＃13;

＆＃13;

table {
  border-collapse: collapse;
}
* {
  margin: 0;
  padding: 0;
}

＆＃13;

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Cell 1.1</td>
      <td>Cell 1.2</td>
      <td>Cell 1.3</td>
    </tr>
    <tr>
      <td>Cell 2.1</td>
      <td>Cell 2.2</td>
      <td>Cell 2.3</td>
    </tr>
    <tr>
      <td>Cell 3.1</td>
      <td>Cell 3.2</td>
      <td>Cell 3.3</td>
    </tr>
    <tr>
      <td>
        <button>Button 4.1</button>
      </td>
      <td>
        <button>Button 4.2</button>
      </td>
      <td>
        <button>Button 4.3</button>
      </td>
    </tr>
    <tr>
      <td>
        <button>Button 5.1</button>
      </td>
      <td>
        <button>Button 5.2</button>
      </td>
      <td>
        <button>Button 5.3</button>
      </td>
    </tr>
  </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;