这里老师使用了浮动布局

来源：21-4 实现movie-grid template

全是甘货

2020-01-31

.single-view-container{
float:left;
margin-bottom: 40rpx;
}

我也比对了一下浮动布局的效果，
一直以来我以为浮动布局就是对单个元素起作用，让他们位于他们这一行的左边。

没想到还能让几个image从 — 每一个image占一行 ---- 变成 — 先排满一行再排下一行 — 的效果

非常惊讶这居然是浮动布局的功效，老师可以对此赠言几句吗？

后记：
后来，我又发现，把float:left; 去掉，改成 display: inline-block;，效果是一样的。
这让我以为，是display:inline;产生的作用，结果当我改为display:inline后，发现却又恢复成了一行一个image。这实在是太让人疑惑了。

写回答

1回答

7七月

2020-02-04

已采纳

CSS哪里有设么为什么，这些就是CSS语法的效果。。。

全是甘货

非常感谢！

2020-02-05

共2条回复

微信小程序入门与实战（全新版）超20000人学习的好课

4年同步微信官方迭代，累计20000+人学习，比微信官方更火爆！

23867 学习 · 6899 问题

相似问题

回答 1

回答 2

回答 7

回答 1

回答 1