本文探讨了在使用Element UI时如何通过弹性布局（display: flex;）实现el-row内的内容垂直居中。作者在尝试官方文档的方法未果后，深入分析了flex布局的工作原理，并找到了问题所在——el-row的高度未设置。解决方案是将el-row的高度设置为100%，以确保有足够的空间实现垂直居中效果。
最近开始重新接触学习element-ui，在做登录画面时需要做一个元素垂直居中的效果，官方文档提供的属性，却”没能“达成我想做的效果，于是决心彻底搞明白栅格系统的原理。
解决方案
解决方案放在最前面??，原谅我套娃行为。
查阅官方文档，只需要在el-row中设置属性align为middle即可
这是我找到这位老哥的博客
本来问题到这里就应该结束了，可是我也看官方文档了啊，为社么没有效果呢，看了下评论真的时给我逗乐了hhhh。
其实，我心里的那句话和这位不知名的老哥时一样的。试了各种姿势了还是没有效果，不过也只是因为困扰太久没有解决问题憋在心里的火气吧。??那到底时因为什么没有效果了呢？
一、分析
首先看下我没有实现前的效果
这里先用红蓝两个色块代替我想放置到垂直居中的元素，我理想的位置应该时黄x的位置啊。
<body>
<el-container
最低0.47元/天 解锁文章
扫一扫
3259
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
