Element-UI 使用el-row 分栏布局的教程

使用多个卡片显示的时候，并且要求当列数到一定数目的时候，要自动换行，el-container 布局就满足了需求了，就要用到el-row 布局做分栏处理，代码如下最近我在使用vue的ui框架element-ui，可能是自己经验不足，遇到了很奇怪的问题，在这里特意把解决的步骤记录一下，希望能对大家有所帮助。首先我使用的分栏间隔的布局方式，参照官网上的例子：应该效果如下图：但是我在参考例子后，代码如下：App.vuemain.js可是效果如下：奇怪了，为何布局变成了纵向，明明row中的布局应该是按列排列的。