课程里如何让4个图标一行，第五个换行？

首页课程实战体系课手记专栏慕课教程

课程里如何让4个图标一行，第五个换行？

来源：5-1 content区域的实现

慕粉154022159

2017-11-11 08:33:35

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

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

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

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

写回答

2回答

Lolita95

2018-11-21

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

小于飞飞

2017-11-12

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

holita95

h 他的意思是，还没设置25%的时候，设置换行，为什么第五个掉下来

h018-11-21

共1条回复

0 学习 · 5012 问题

查看课程

相似问题

课程里如何让4个图标一行，第五个换行？

回答 2

想知道css设置第二个，第三个class是为什么？

回答 3

老师，关于轮播我有两个地方不是很明白

回答 2

关于该轮播图片index的问题

回答 2

关于字体图标的问题

回答 2

打开慕课网App查看更多内容