Week01【ElementPlus Layout 布局】

Week01【ElementPlus Layout 布局】

📅 2025/02/22

Layout 布局【ElementPlus】

通过基础的 24 分栏，迅速简便地创建布局。

组件默认使用 Flex 布局，不需要手动设置 type="flex"。

请注意父容器避免使用 inline 相关样式，会导致组件宽度不能撑满（宽度坍塌）。

.

<el-row>
    <el-col :span="8">xxx</el-col>
    <el-col :span="8">yyy</el-col>
    <el-col :span="8">zzz</el-col>
</el-row>

.

.

.

.

<template>
  <el-row justify="space-evenly">
    <el-col :span="6">xxx</el-col>
    <el-col :span="6">yyy</el-col>
    <el-col :span="6">zzz</el-col>
  </el-row>
</template>