el-button设置宽度为90%,高度与宽度一致,文本内容水平垂直居中
时间: 2024-05-14 19:16:34 浏览: 68
宽度自适应的按钮。button,方便实用
4星 · 用户满意度95%
你可以使用以下的 CSS 样式来实现:
```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%。
阅读全文