Größe CSS-Schaltfläche zu HTML-Rahmen

Question

Ich habe eine Website erstellt, und ich habe ein paar Schaltflächen erstellt. Kürzlich habe ich css "padding" verwendet, um die Größe der Tasten so zu bemessen, dass sie gleich groß sind. Was ich mich wundere ist, gibt es eine Möglichkeit, dass ich die Schaltfläche an den Rand der Tabelle anpassen kann, so dass es in jedem Browser in Auflösungsgröße gut aussehen kann?

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

Answer 1

Geben button ein width:100% und die td ein padding: 0

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

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