栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

嵌套flex容器时正确使用flex属性

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

嵌套flex容器时正确使用flex属性

一个范围 柔性格式化的内容被限制在一个父/子关系。

这意味着弹性容器始终是父容器,而弹性项目始终是子容器。Flex属性仅在此关系内起作用。

子代以外的flex容器的后代不是flex布局的一部分,并且不接受flex属性。

您始终需要向父级应用

display: flex
display: inline-flex
向父级应用,才能将flex属性应用于子级。

有迹象表明,仅适用于柔性容器(例如,某些弯曲特性

justify-content
flex-wrap
flex-direction
),并有只适用于弯曲的物品一定弯曲特性(例如
align-self
flex-grow
flex
)。

但是,伸缩项目也可以是伸缩容器。在这种情况下,该元素可以接受所有的flex属性。由于每个属性执行不同的功能,因此不存在内部冲突,也不需要覆盖任何内容。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/420813.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号