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

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

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

正在回答

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

2回答

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

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

http://img1.sycdn.imooc.com//climg/5df76c1d09cf2b6608260451.jpg

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

http://img1.sycdn.imooc.com//climg/5df76cd609ae8aa802360129.jpg

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

http://img1.sycdn.imooc.com//climg/5df76d080983705c01470091.jpg

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


http://img1.sycdn.imooc.com//climg/5df76d180971b95602080038.jpg

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

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

好帮手慕夭夭 2019-12-16 10:48:44

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

祝学习愉快!

  • 提问者 Jeremy_Li7 #1
    老师,我想问img什么时候需要display:block呢?另外display:inline-block都有哪些常用的场景呢?不局限于这个作业。希望老师帮我简单解答一下
    2019-12-16 10:56:26
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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