弹性盒子 父元素 display:flex; 设置元素为弹性盒子 flex-flow flex-direction 设置弹性盒子轴(x,y,轴)与排列 flex-wrap 设置容器为单行或多行 justify-content 设置子元素如何在当前轴方向的排列 align-items 设置子元素在垂直 ...
分类：
Web程序 时间：
2019-08-21 19:00:43
阅读次数：
130
.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
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
一、什么是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
竖排，别再调盒子宽度来让文字换行实现竖排！！ 也别再用<br> + line-height，看着难受！！ 额外用例！ 1.一些图标也不必更换样式后引入，当然css3的rotate也是可以的，对于图标 /* css */ 样式显示为： 2.表格form中可以一起使用，目前还没有用到过 最后：这些原IE ...
分类：
其他好文 时间：
2019-08-15 19:17:39
阅读次数：
184
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type="text/css"> .wrap{ display: flex; justify-c... ...
分类：
其他好文 时间：
2019-08-07 19:19:16
阅读次数：
71
1133 Splitting A Linked List (25 分) 1133 Splitting A Linked List (25 分) 1133 Splitting A Linked List (25 分) Given a singly linked list, you are suppos ...
分类：
其他好文 时间：
2019-08-06 00:46:58
阅读次数：
89
