grid网格代码及注释-白红宇

grid网格代码及注释

阅读量：5959 次

发布时间：2019-06-19

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

html部分：

< div  id = “ container ” > < div > 
     < div > 
     < div > 
     < div > 
     < div > 
     < div > 
     < div > 
     < div > 
      css部分：

#container {  display: grid; /*显示网格*/ grid: repeat(2, 60px) / auto-flow 80px;/*这个网格重复2次密集*/ } #container > div { background-color: #8ca0ff;/*设置背景颜色*/ width: 50px;/*宽50*/ height: 50px;/*高50/ } 运行结果

转载于:https://www.cnblogs.com/zj1997/p/9786602.html

你可能感兴趣的文章

expdp 详解及实例

查看>>

解读最具O2O属性—哈根达斯微信企业号的成功之道

查看>>

Extjs4.x (MVC)Controller中refs以及Ext.ComponentQuery解析

查看>>

Server-01 How to Find the Remote Desktop Port

CentOS 7 配置yum本地base源和阿里云epel源

深入浅出JavaScript （五）详解Document.write()方法

Comet OJ - Contest #3 题解