常用布局格式

1、https://element-plus.org/zh-CN/

<el-container>：外层容器。 当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列， 否则会水平左右排列。

<el-header>：顶栏容器。

<el-aside>：侧边栏容器。

<el-main>：主要区域容器。

<el-footer>：底栏容器。

2、https://element-plus.org/zh-CN/

通过 row 和 col 组件，并通过 col 组件的 span 属性我们就可以自由地组合布局。

3、flex 布局 Flex 布局教程：语法篇 - 阮一峰的网络日志

4、网格布局  Grid网格布局详细讲解_grid布局-CSDN博客

5、瀑布流布局  实现瀑布流布局的四种方法-CSDN博客