<el-row 如何水平垂直居中
时间: 2023-12-29 10:06:12 浏览: 118
可以通过以下代码将<el-row>水平垂直居中:
```html
<el-row align="middle" justify="center">
<!-- 内容 -->
</el-row>
```
其中,`align="middle"`可以使内容在垂直方向上居中对齐,`justify="center"`可以使内容在水平方向上居中对齐。你可以将你想要水平垂直居中的内容放置在`<el-row>`标签内即可。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [Element-Plus: el-row标签,内容垂直居中](https://blog.csdn.net/weixin_44016350/article/details/128293256)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [elementui中实现el-row中的el-col垂直居中显示](https://blog.csdn.net/weixin_45454859/article/details/130200456)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文