css使用技巧：

1.实现如下布局：水平两端左右对齐，竖直中间对齐
display:flex;如果不写宽度，那么默认就是子元素平分父元素宽度
justify-content: flex-end；子元素紧靠这从右向左，左边会有空余

display: flex;
justify-content: space-between;
align-items: center;

2.实现如下布局：水平居中对齐，垂直上下紧靠，排列方向竖直

display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;