elementui两个el-checkbox竖直排布
时间: 2023-12-30 15:22:37 浏览: 116
基于elementUI竖向表格、和并列的案例
可以使用CSS的flex布局来实现elementui中两个el-checkbox竖直排布的效果。具体实现方法如下所示:
```html
<template>
<div class="checkbox-wrapper">
<el-checkbox>选项1</el-checkbox>
<el-checkbox>选项2</el-checkbox>
</div>
</template>
<style>
.checkbox-wrapper {
display: flex;
flex-direction: column;
}
</style>
```
在上述代码中,我们首先在template标签中添加了两个el-checkbox组件,然后在样式中使用了flex布局,并将flex-direction属性设置为column,这样就可以实现两个el-checkbox竖直排布的效果。
阅读全文