vue项目中怎么将 一行中 两个element 按钮组件 居中
时间: 2024-03-13 18:46:42 浏览: 662
通过简单的css样式让按钮居中显示
5星 · 资源好评率100%
同样可以使用 Flex 布局将两个 Element 按钮组件居中。以下是示例 CSS 代码:
```css
.container {
display: flex;
justify-content: center;
}
```
在 HTML 中,你可以这样写:
```html
<template>
<div class="container">
<el-button>按钮1</el-button>
<el-button>按钮2</el-button>
</div>
</template>
```
这样,两个 Element 按钮组件就可以水平居中了。需要注意的是,这里的按钮组件是 Element UI 提供的组件,需要先在项目中安装和引入 Element UI 库。
阅读全文