将 CSS 按钮大小调整为 HTML 边框

Question

我一直在做一个网站，我创建了几个按钮。最近我使用 css "padding" 来调整按钮的大小，使其彼此大小相等。我想知道的是，有没有一种方法可以调整按钮的大小以适应 table 边框，这样它在任何分辨率大小的浏览器中看起来都不错？

Here is a screenshot of my site so you guys know what you're looking at

Answer 1

给button一个width:100%和td一个padding: 0

table {
  width: 200px;
}
td {
  border: 1px solid;
  padding: 0;
}
button {
  width: 100%;
}

<table>
  <tr>
    <td>
      <button>Button</button>
    </td>
  </tr>
</table>