当前位置： 移动技术网 > IT编程>开发语言>.net > display:flex

display:flex

2018年12月24日  | 移动技术网IT编程  | 我要评论

军需官佐利克斯,快乐美美向前冲,娜笔小星动画片

今天写一个前端页面，仿造千层网那种，用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);

 

 

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网