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

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

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

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

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

你可能感兴趣的文章
Nodejs中的fs模块的使用
查看>>
NodeJS使用淘宝npm镜像站的各种姿势
查看>>
NodeJs入门知识
查看>>
nodejs包管理工具对比:npm、Yarn、cnpm、npx
查看>>
NodeJs单元测试之 API性能测试
查看>>
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>
nodejs常用组件
查看>>
nodejs开发公众号报错 40164,白名单配置找不到,竟然是这个原因
查看>>
Nodejs异步回调的处理方法总结
查看>>
NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
查看>>
nodejs支持ssi实现include shtml页面
查看>>