博客
关于我
腾讯云微搭低代码栅格布局介绍
阅读量:393 次
发布时间:2019-03-05

本文共 190 字,大约阅读时间需要 1 分钟。

低代码中有很多布局组件,来方便我们日常开发中进行页面的布局,今天介绍其中的一种栅格布局。我们先看一下用栅格布局搭建好的效果

在这里插入图片描述
所谓的栅格布局其实是行列式布局的一种变种,只不过提供了插槽,可以方便我们使用,我们看一下组件图
在这里插入图片描述
栅格布局默认是4列,但是也可以修改
在这里插入图片描述
需要注意的地方就是图片和文字默认是内联样式会水平占一行,如果我们想变成垂直布局,需要在容器上设置布局为flex然后按垂直放置
在这里插入图片描述

转载地址:http://tvbzz.baihongyu.com/

你可能感兴趣的文章
node模块的本质
查看>>
node环境下使用import引入外部文件出错
查看>>
node环境:Error listen EADDRINUSE :::3000
查看>>
Node的Web应用框架Express的简介与搭建HelloWorld
查看>>
Node第一天
查看>>
node编译程序内存溢出
查看>>
Node读取并输出txt文件内容
查看>>
node防xss攻击插件
查看>>
noi 1996 登山
查看>>
noi 7827 质数的和与积
查看>>
NOI-1.3-11-计算浮点数相除的余数
查看>>
noi.ac #36 模拟
查看>>
NOI2010 海拔(平面图最大流)
查看>>
NOIp2005 过河
查看>>
NOIP2011T1 数字反转
查看>>
NOIP2014 提高组 Day2——寻找道路
查看>>
noip借教室 题解
查看>>
NOIP模拟测试19
查看>>
NOIp模拟赛二十九
查看>>
Vue3+element plus+sortablejs实现table列表拖拽
查看>>