课程里如何让4个图标一行,第五个换行?

课程里如何让4个图标一行,第五个换行?

我看视频里说,flex-wrap:wrap

然后就四个成一行,第五个自己换下来了,这个是如何设置的?

我在后面的编程题目中,如此的操作,并不能换行,这个到底是如何操作的?

ps:我先前提过这个问题,有回答说是下面的25%均分导致,但实际上,第五个换行,是在25%均分之前就完成了。所以那个答案我认为是不对的

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
Lolita95 2018-11-21 01:50:58

我觉得应该是图片本身的大小就是大于25%的

小于飞飞 2017-11-12 17:54:08

不是很清楚你的意思,是否想问下面的情况。注意,flex 默认情况下,项目都排在一条线(又称"轴线")上,虽然5个div设置25%,超出100%,但是没换行。flex-wrap属性定义,如果一条轴线排不下,如何换行。所以flex-wrap前提是一行显示不下,以什么方式换行,flex-wrap:wrap;换行显示,根据代码情况,这时将超出范围的在下行显示。

  • 他的意思是,还没设置25%的时候,设置换行,为什么第五个掉下来
    2018-11-21 01:48:38
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师