腾讯云微搭低代码栅格布局介绍-白红宇

腾讯云微搭低代码栅格布局介绍

阅读量：393 次

发布时间：2019-03-05

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

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

在这里插入图片描述

所谓的栅格布局其实是行列式布局的一种变种，只不过提供了插槽，可以方便我们使用，我们看一下组件图

在这里插入图片描述

栅格布局默认是4列，但是也可以修改

在这里插入图片描述

需要注意的地方就是图片和文字默认是内联样式会水平占一行，如果我们想变成垂直布局，需要在容器上设置布局为flex然后按垂直放置

在这里插入图片描述

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

你可能感兴趣的文章

MySQL 报错：Duplicate entry 'xxx' for key 'UNIQ_XXXX'

Mysql 拼接多个字段作为查询条件查询方法

mysql 排序id_mysql如何按特定id排序

Mysql 提示：Communication link failure

mysql 插入是否成功_PDO mysql：如何知道插入是否成功

Mysql 数据库InnoDB存储引擎中主要组件的刷新清理条件：脏页、RedoLog重做日志、Insert Buffer或ChangeBuffer、Undo Log

mysql 数据库中 count(*),count(1),count(列名)区别和效率问题

mysql 数据库备份及ibdata1的瘦身

MySQL 数据库备份种类以及常用备份工具汇总

mysql 数据库存储引擎怎么选择？快来看看性能测试吧

MySQL 数据库操作指南：学习如何使用 Python 进行增删改查操作

MySQL 数据库的高可用性分析

MySQL 数据库设计总结

Mysql 数据库重置ID排序

Mysql 数据类型一日期

MySQL 数据类型和属性

mysql 敲错命令想取消怎么办?

Mysql 整形列的字节与存储范围

mysql 断电数据损坏，无法启动

MySQL 日期时间类型的选择