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

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

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

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

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

你可能感兴趣的文章
MySQL事务隔离级别:读未提交、读已提交、可重复读和串行
查看>>
webpack css文件处理
查看>>
mysql二进制包安装和遇到的问题
查看>>
MySql二进制日志的应用及恢復
查看>>
mysql互换表中两列数据方法
查看>>
mysql五补充部分:SQL逻辑查询语句执行顺序
查看>>
mysql交互式连接&非交互式连接
查看>>
MySQL什么情况下会导致索引失效
查看>>
Mysql什么时候建索引
查看>>
MySql从入门到精通
查看>>
MYSQL从入门到精通(一)
查看>>
MYSQL从入门到精通(二)
查看>>
mysql以下日期函数正确的_mysql 日期函数
查看>>
mysql以服务方式运行
查看>>
mysql优化--索引原理
查看>>
MySQL优化之BTree索引使用规则
查看>>
MySQL优化之推荐使用规范
查看>>
Webpack Critical CSS 提取与内联教程
查看>>
mysql优化概述(范式.索引.定位慢查询)
查看>>
MySQL优化的一些需要注意的地方
查看>>