为什么这个需要配合限制宽度使用才有效,图标下边的那个就没用呢?

为什么这个需要配合限制宽度使用才有效,图标下边的那个就没用呢?

正在回答

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

2回答

同学你好,在icon-desc里,是因为给父元素设置了宽度:

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

类比item-info,也可以给其设置宽度(参考第一次的回答):

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

这是个比较特殊的用法,同学记住会使用即可。

祝学习愉快~

好帮手慕粉 2020-05-27 19:03:51

同学你好,关于同学的问题回答如下:

1、我们先来看一个简单的例子:

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

此时没有设置最小宽度,按F12查看控制台,p的宽度是由内容撑开的:

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

当设置最小宽度时,p元素的宽度默认就与父元素一样了。这是个巧方法,同学可以特殊记一下:

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

如果同学还是不理解,可以换一个方式,给p元素设置宽度100%:

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

跟设置min-width效果是一样。

2、这个最小宽度是设置给父容器item-info的,老师为了便于同学看清,整理了下样式的格式:

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

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

  • 提问者 张天童 #1
    item-info那个我知道是给父元素限制宽了,我发的第二张图片里的icon-desc里没有设置宽度,为什么也好用呢?
    2020-05-28 15:01:23
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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