display:flex

今天写一个前端页面，仿造千层网那种，用display:flex布局遇到的几个问题

首先是间隔问题，justify-content：space-between和space-around的区别 space-around我觉得就是会首尾留白 between就是首尾不留白，DIV之间的间隔更大

然后做一个类似QQ标签的那种就用到了width:fit-content; 这样DIV大小就会随着内容自动了，就不用用flex里的flex-shrink来自动压缩内容，因为设置了这个再想让他wrap换行就不行了

 

然后最后记录一个阴影框效果

box-shadow:0 0 9px 3px rgba(191,191,191,.5);