如何修复影响整行按钮的页边距？

button {
  margin: 0;
  padding: 0;
}

button {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.button-container {
  overflow: hidden; /* 清除浮动 */
}

.button {
  float: left;
  margin: 0;
  padding: 0;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3列网格布局 */
  grid-gap: 10px; /* 网格间距 */
}

.button {
  margin: 0;
  padding: 0;
}

$(document).ready(function() {
  var button = $('.button');
  var container = $('.button-container');
  var containerWidth = container.width();
  var buttonWidth = button.width();
  var margin = (containerWidth - buttonWidth) / 2;
  button.css('margin-left', margin);
});