button居中

要想让一个按钮（button）居中，您可以使用CSS中的display和margin属性。以下是一个简单的示例代码：

HTML代码：

<button class="center">居中按钮</button>

CSS代码：

.center {
  display: block;
  margin: 0 auto;
}

使用display属性将按钮元素的显示设置为块级元素，这将使其在其父容器中水平居中。使用margin属性将按钮元素的左右外边距设置为auto，这将使其在其父容器中垂直居中。

相关问题

html button居中

要使HTML button居中，可以使用CSS来设置它的样式。在CSS中，可以使用以下属性来使button居中：

button {
  display: block; /* 将button设置为块级元素 */
  margin: 0 auto; /* 设置左右外边距为auto */
}

这将把button元素设置为块级元素，并将其左右外边距设置为自动，从而使其水平居中。如果你想要垂直居中，可以将其父元素的高度设置为与视口相同，并将其行高设置为相同的值。

.parent {
  height: 100vh; /* 将父元素高度设置为视口高度 */
  line-height: 100vh; /* 将行高设置为相同的值 */
}

button {
  display: block; /* 将button设置为块级元素 */
  margin: 0 auto; /* 设置左右外边距为auto */
}

这将使button元素在父元素的中央水平和垂直居中。

el-button 居中

要让 el-button 水平居中，你可以将其包裹在一个父元素中，并将该父元素的 display 属性设置为 flex，并在其上使用 justify-content 和 align-items 属性，如下所示：

<div style="display: flex; justify-content: center; align-items: center;">
  <el-button>按钮</el-button>
</div>

这将使 el-button 在父元素中水平和垂直居中。你可以根据实际情况调整父元素的宽度和高度来适应您的需求。