老师,涉及浮动的时候,是不是所有img都得display:block吗?还有别的标签要这样吗?为什么

来源:2-10 作业题

Jeremy_Li7

2019-12-15 21:38:22

老师,帮我解释一下吧,我不是很了解这一块知识点

写回答

2回答

好帮手慕夭夭

2019-12-16

同学你好,问题解答如下:

1. 图片作为行内元素,会有默认的间隙。例如如下,会有几像素的默认间隙。如果想要清除这个间隙,就要把图片设置为display:block。所以一般情况下,图片都设置成块元素更好。

http://img.mukewang.com/climg/5df76c1d09cf2b6608260451.jpg

2. display:inline-block可以让元素变成行内块。例如几个li

http://img.mukewang.com/climg/5df76cd609ae8aa802360129.jpg

li是块元素,每一个li都是自占一行的:

http://img.mukewang.com/climg/5df76d080983705c01470091.jpg

如果想要它们在一行排列,就可以设置display: inline-block。如下:


http://img.mukewang.com/climg/5df76d180971b95602080038.jpg

另外,浮动也是可以实现上面的效果。一般都是使用浮动,因为行内块元素也具有行内元素的特点,即第一条所说的会有默认间隙,所以如果简单的布局,默认间隙不会有什么影响,使用display: inline-block或者浮动都行。代码是非常灵活的,实现方式不是唯一的。如果后面遇到此类问题有疑惑的,可以再来提问,老师会针对代码为你具体讲解的。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

好帮手慕夭夭

2019-12-16

同学你好,不太明白同学具体想要什么效果?是这个作业的哪一块不会做吗? 可以详细描述一下,以便老师为你解答。

祝学习愉快!

0
heremy_Li7
h 老师,我想问img什么时候需要display:block呢?另外display:inline-block都有哪些常用的场景呢?不局限于这个作业。希望老师帮我简单解答一下
h019-12-16
共1条回复

0 学习 · 40143 问题

查看课程