display:flex

匿名 (未验证) 提交于 2019-12-02 22:06:11

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

文章来源: display:flex
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!