.box{ 子级 position: relative; width: 300px; height: 400px; display: flex; justify-content: center; align-content: center; background: #1B6D85; } .box::... ...
分类：
Web程序 时间：
2019-08-19 13:07:56
阅读次数：
108
<ul id="box"> <li>a</li> <li>b</li> <li>c</li> </ul>#box{display:box;width:240px;height:100px;margin:0;padding:10px;list-style:none;} #box li:nth-chil ...
分类：
其他好文 时间：
2019-08-19 09:46:41
阅读次数：
113
flex-direction属性决定主轴的方向（即项目的排列方向）。 Flex-wrap:一行排不下的时候换行 justify-content属性定义了项目在主轴上的对齐方式。 align-items属性定义项目在交叉轴上如何对齐。 align-content属性定义了多根轴线的对齐方式。如果项目只 ...
分类：
其他好文 时间：
2019-08-17 12:28:56
阅读次数：
100
父级给相对定位，子级给绝对定位，margin设置为auto，上下左右值设为0。 父级给相对定位，子级给绝对定位，设置left和top为50%，再向左和向上移动负的子级一半。 父级设置display:flex;justify-content: cneter;align-items: center; 父 ...
分类：
Web程序 时间：
2019-08-17 01:13:35
阅读次数：
176
随着人类文明的进步，人们对计算能力的需求也越来越大。与此同时，科技的迅速发展也为强大计算能力的诞生奠定了基础。在这样的环境下，电子计算机就应运而生了。在这个过程中很多科学家、工程师和各行和业的人投入了大量的智慧和辛劳。而其中一个人是我们在谈论到计算机的组成结构时必须要提及的，因为我们今天所使用的计算 ...
分类：
其他好文 时间：
2019-08-17 00:37:43
阅读次数：
99
一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 二、容器的属性 以下6个属性设置在容器上。 flex direction flex wrap flex flow justify c ...
分类：
其他好文 时间：
2019-08-16 18:31:39
阅读次数：
92
flex布局极大程度上方便了页面的构建，如下的几种布局当中，为了不增加额外的标签来嵌套，单独使用flex布局的话，还需要其他一些设置来处理，比如与伪元素的配合使用，这个下次再进行描述，这里flex与margin的使用配合，个人认为是目前自己用过最方便的一种方法。 参考链接: 你未必知道的49个CSS ...
分类：
其他好文 时间：
2019-08-16 15:48:59
阅读次数：
67
当 display: flex 配合 justify-content: center 使用时可以让view水平居中 而配合 align-items: center 用时可以实现垂直居中效果 .card-image-container{ width: 40%; height: 90%; align-i ...
分类：
微信 时间：
2019-08-16 10:31:16
阅读次数：
2190
Storage Classes 介绍 StorageClass 为管理员提供了描述存储 "类" 的方法。 不同的类型可能会映射到不同的服务质量等级或备份策略，或是由群集管理员制定的任意策略。 Kubernetes 本身并不清楚各种类代表的什么。这个类的概念在其他存储系统中有时被称为”配置文件”。 S ...
分类：
其他好文 时间：
2019-08-15 14:40:29
阅读次数：
120
注：需要实现定宽高比的元素的内容不能超出宽高比计算出来的高度 ...
分类：
Web程序 时间：
2019-08-15 10:51:32
阅读次数：
94
