你如何制作按钮表,但按钮之间没有间隙?

问题描述 投票:-1回答:1

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

如果你能提供帮助,我希望代码仅限于html,CSS和Javascript。

javascript html css button html-table
1个回答
0
投票

到达那里的关键是边界崩溃和用于边距和填充的css重置的组合。

table {
  border-collapse: collapse;
}
* {
  margin: 0;
  padding: 0;
}
<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>
© www.soinside.com 2019 - 2024. All rights reserved.