弹性照片墙笔记

1.flex布局

 

在CSS中的div中加上display：flex;即可

 flex布局默认展示方式是从左向右布局。

flex容器代表外层容器；flex项目代表内部item；

2.在css中添加border:1px solid red;实现加上红线以达到更方便观察布局的目的。

3..class >* 代表内层的挨着第一层的子元素
   .class > *：first-child代表第一层子元素中的第一个孩子元素。

4.将目标移出可视区域以便后期实现逐渐进来的效果

transform:translateY(0);   //在Y轴上操作；0表示不进行任何操作。