el-row向下对齐设置
时间: 2024-04-26 11:19:07 浏览: 215
Element-UI 使用el-row 分栏布局的教程
el-row是Element UI中的一个布局组件,于创建网格系统。要实现el-row向下对齐设置,可以使用align属性。
align属性用于设置el-row的垂直对齐方式,可以设置为top、middle或bottom。其中,top表示顶部对齐,middle表示居中对齐,bottom表示底部对齐。
例如,要将el-row向下对齐设置为底部对齐,可以在el-row上添加align="bottom"属性。
示例代码如下:
```
<template>
<div>
<el-row align="bottom">
<el-col :span="12">
<!-- 内容 -->
</el-col>
<el-col :span="12">
<!-- 内容 -->
</el-col>
</el-row>
</div>
</template>
```
这样,el-row中的内容将会向下对齐显示。
阅读全文