el-button设置宽度为90%,高度与宽度一致，文本内容水平垂直居中

你可以使用以下的 CSS 样式来实现：

.el-button {
  width: 90%;
  height: 0;
  padding-bottom: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
}

这个样式会将按钮的高度设置为宽度的 90%，并将内部的文本内容水平和垂直居中。使用 `display: flex;` 和 `justify-content: center; align-items: center;` 属性来实现居中。`padding-bottom: 90%;` 属性会将按钮的高度设置为宽度的 90%。

相关问题

el-button设置宽度为90%,高度与宽度一致，文本内容居中

你可以使用以下代码：

<el-button style="width: 90%; height: 0; padding-bottom: 90%; text-align: center;">按钮内容</el-button>

解释一下：

- `style="width: 90%; height: 0; padding-bottom: 90%; text-align: center;"`：这是设置样式的代码。其中，`width: 90%;` 设置宽度为父元素的90%。`height: 0;` 设置高度为0，这是为了让按钮的高度与宽度一致。`padding-bottom: 90%;` 设置下内边距为父元素宽度的90%，这也是为了让按钮的高度与宽度一致。`text-align: center;` 设置按钮内文本居中对齐。

希望对你有帮助！

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 在父元素中水平和垂直居中。你可以根据实际情况调整父元素的宽度和高度来适应您的需求。