一、flex布局的原理   1,flex是”flexibleBox”的缩写，意为”弹性布局”；   2.当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将会失效。言而简之：flex布局原理就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。二、flex布局父项常见属性flex-direction:设置主轴的方向justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行align-content:设置侧轴上的子元素的排列方式(多行)align-items:设置侧轴上的子元素的排列方式(单行)fl

一、flex布局的原理   1,flex是”flexibleBox”的缩写，意为”弹性布局”；   2.当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将会失效。言而简之：flex布局原理就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。二、flex布局父项常见属性flex-direction:设置主轴的方向justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行align-content:设置侧轴上的子元素的排列方式(多行)align-items:设置侧轴上的子元素的排列方式(单行)fl

注：所有知识来源于《设计模式：可复用软件面向对象的基础》创建型设计模式抽象了实例化过程，它们帮助一个系统独立于如何创建、组合和表示它的那些对象。一个类创建型模式使用继承改变被实例化的类，而一个对象创建型模式将实例化委托给另一个对象。在这些模式中有两个不断出现的主旋律：它们都将关于该系统使用哪些具体的类的信息封装起来。它们隐藏了这些类的实例是如何被创建和放在一起的。整个系统关于这些对象所知道的是由抽象类所定义的接口。示例—创建迷宫我们以为游戏创建一个迷宫作为学习创建型模式的例子，忽略迷宫中的许多细节以及一个迷宫游戏中有多少游戏者，仅关注迷宫是怎么创建的。我们将一个迷宫定义为一系列房间，一个房间知

注：所有知识来源于《设计模式：可复用软件面向对象的基础》创建型设计模式抽象了实例化过程，它们帮助一个系统独立于如何创建、组合和表示它的那些对象。一个类创建型模式使用继承改变被实例化的类，而一个对象创建型模式将实例化委托给另一个对象。在这些模式中有两个不断出现的主旋律：它们都将关于该系统使用哪些具体的类的信息封装起来。它们隐藏了这些类的实例是如何被创建和放在一起的。整个系统关于这些对象所知道的是由抽象类所定义的接口。示例—创建迷宫我们以为游戏创建一个迷宫作为学习创建型模式的例子，忽略迷宫中的许多细节以及一个迷宫游戏中有多少游戏者，仅关注迷宫是怎么创建的。我们将一个迷宫定义为一系列房间，一个房间知