小白今天写网站，遇到一个之前遇到过的问题，翻了过去的代码，在这里做一个记录：
关于多张图片在网页中等距离排列的效果，若有多张图片在布局比较复杂的网页中，可以考虑先建一个盒子，然后放图片。
display: flex;
/* 默认横向从左到右排列 */
flex-direction: row;
/* 从上到下垂直排列 */
/flex-direction: column;/
/* 反转横向排列 */
/* flex-direction: row-reverse; */
/* 反转纵向排列 */
/* flex-direction: column-reverse; */
以上是关键代码，下面是等距离，图片大小，距离盒子边缘距离的css代码：
.wd{
position:absolute;
margin-left:280px;
margin-top:200px;
height:500px;
width:800px;
}
img{
height:100px;
width:100px;
margin-top:222px;
margin-right:88px;
} 此处用的margin-right调整的图片间距。
