Week01【ElementPlus Layout 布局】

Week01【ElementPlus Layout 布局】

📅 2025/02/22

Layout 布局【ElementPlus】

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

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

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

image-20250222125953555.

<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>

image-20250222130504799.

image-20250222130844408.

image-20250222131604073.

image-20250223180455182.

<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>
posted @   软柠柠吖  阅读(4)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
点击右上角即可分享
微信分享提示