元素设置display:flex后,子元素flex-item的属性

元素设置display:flex后,子元素flex-item的属性

元素设置display:flex后,子元素flex-item的属性是inline还是inline-block?

正在回答

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

3回答

同学你好,是的,也是块元素。这个按照老师上次回复的方式测试是可以得到答案的哦。要多动手测试,思考,提升独立解决问题的能力,参考如下:

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

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

祝学习愉快~

好帮手慕夭夭 2020-05-18 15:20:57

同学你好,不能这样想。例如浮动,几个div设置了浮动排列在一行,但是div依旧是块元素。如果按照同学的说法,div是块元素却和其他div排列一行,岂不是也很矛盾。

块元素自占一行这个是默认情况下,也就是没有进行任何操作。但并不是块元素就只能自占一行了,我们通过很多设置,可以让块元素排列在一行。例如浮动,定位,flex布局,重新理解一下哦。

祝学习愉快~

  • 提问者 慕运维5475419 #1
    元素设置display:inline-flex后,子元素flex-item的属性也是块状吗
    2020-05-18 15:31:31
好帮手慕夭夭 2020-05-17 16:36:12

同学你好,虽然设置flex布局会让元素排列在一行,但是设置flex布局之后,子元素会变成块元素。如下按F12查看:

盒子中有几个span行内元素,当box1设置了flex布局之后,span变成了块元素(block)。

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

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

  • 提问者 慕运维5475419 #1
    子元素排列在一行,同时子元素又是块元素,但块元素的一个特点是和相邻内容换行,这是不是矛盾了
    2020-05-18 10:59:35
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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