网格布局 GridView.count允许我们控制，这一行显示几列。目前我们这里一行显示了两列。 GridView.count来创建GridView 代码运行起来的效果 比如修改为一行显示3列 结束 ...
分类：
其他好文 时间：
2020-01-16 01:04:13
阅读次数：
88
垂直居中，在CSS中是一个老生常谈的问题，面试的时候也会时常被提及。所以，今天我们就来聊聊9种不同的居中方法。有常见的flex、transform、absolute等等。也有CSS3的网格布局。还有伪元素的方法，是的，你没有看错，::after和::before也可以实现居中。1、flex大家的第一反应，可能就是flex了。因为它的写法够简单直观，兼容性也没什么问题。是手机端居中方式的首选。<
分类：
Web程序 时间：
2020-01-16 01:00:21
阅读次数：
110
Gird布局 一、关于概念 网格布局（Grid）是一个很强大的 CSS 布局方案。它可以将网页划分为多个网格任意拼接的布局，可以灵活的运用并实现出多种布局形式。 (grid和inline-grid区别在于，inline-grid容器为inline特性，因此可以和图片文字一行显示；grid容器保持块状 ...
分类：
其他好文 时间：
2020-01-02 20:40:32
阅读次数：
86
[toc] 网格布局 grid(1) 实现方式 也可成为 行内元素 tip:设为网格布局以后，容器内的子元素的 float 、 display:inline block/table cell , vertical align 和 column 等 各项设置属性都将失效 对容器设置的属性 行高与列宽的 ...
分类：
其他好文 时间：
2019-12-28 12:51:54
阅读次数：
91
网格布局 目前，谷歌浏览器及火狐浏览器已经对网格布局给予了充分支持。 定义网格布局 类定义了网格布局，就叫网格容器吧，其子元素就叫grid项目。 grid template rows 这个定义了每一行的高度，上面代码就是定义了3行，每行高度分别是200px，100px，200px; grid tem ...
分类：
其他好文 时间：
2019-12-23 16:52:15
阅读次数：
69
一、概述 网格布局（Grid）是最强大的 CSS 布局方案。 它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 上图这样的布局，就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性，都可 ...
分类：
Web程序 时间：
2019-12-21 18:58:31
阅读次数：
129
Bootstrap 简介 1.什么是 Bootstrap？ Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 2. Bootstrap 包含的内容： 基本结构：Bootstrap 提供了一个带有网格系统 ...
分类：
其他好文 时间：
2019-12-21 15:42:06
阅读次数：
108
CSS Grid 网格布局 一、概括 1.1功能 将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。 1.2和flex的区别 Flex 布局是轴线布局，只能指定"项目"针对轴线的位置。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格。 二、基本 ...
分类：
Web程序 时间：
2019-11-25 11:54:37
阅读次数：
175
先来一段基本布局 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> .container { display: grid; grid-template-columns: 100px 10 ...
分类：
Web程序 时间：
2019-11-18 13:03:19
阅读次数：
85
一、基本概念 样式 含义 grid-area 定义名称 grid-auto-columns 定义列数 grid-auto-flow 定义单元格流动方向（想象水流的样子） grid-auto-rows 定义行数 grid-column 第几列 / span 合并列数 grid-column-start ...
分类：
其他好文 时间：
2019-11-17 14:31:31
阅读次数：
90
