css中使按钮是剧中

在CSS中，要使按钮居中显示，可以使用以下方法：

我们可以使用`text-align`属性将按钮的文本内容居中对齐。通过将按钮所在的父元素的`text-align`属性设置为`center`，可以使按钮在水平方向上居中显示。例如：

.button-container {
  text-align: center;
}

接下来，我们可以使用`line-height`属性将按钮的文本内容垂直居中对齐。通过将按钮的高度与行高相等，可以使按钮在垂直方向上居中显示。例如：

.button {
  height: 40px;
  line-height: 40px;
}

我们还可以使用`display: flex`和`justify-content: center`属性来实现按钮的水平居中。通过将按钮所在的父元素设置为`display: flex`，并将`justify-content`属性设置为`center`，可以使按钮在水平方向上居中显示。例如：

.button-container {
  display: flex;
  justify-content: center;
}

如果按钮的父元素是一个块级元素，我们还可以使用`margin`属性来实现按钮的水平居中。通过将按钮的左右外边距设置为`auto`，可以使按钮在水平方向上居中显示。例如：

.button {
  margin-left: auto;
  margin-right: auto;
}

如果需要使按钮在水平和垂直方向上同时居中，我们可以使用绝对定位和`transform`属性来实现。将按钮的父元素设置为相对定位(`position: relative`)，然后将按钮设置为绝对定位(`position: absolute`)，并将`top`和`left`属性设置为`50%`，再使用`transform`属性将按钮向左上方移动自身宽度和高度的一半。例如：

.button-container {
  position: relative;
}
.button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

总结一下，要使按钮居中显示，可以使用`text-align`、`line-height`、`display: flex`、`justify-content`、`margin`、绝对定位和`transform`等CSS属性和方法。这些方法可以根据实际需求选择使用，同时也可以根据按钮所在的父元素的布局方式和其他样式进行调整。