您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

display:inline-flex和display:flex有什么区别?

display:inline-flex和display:flex有什么区别?

display: inline-flex不会使 弹性项目 内联显示。它使 伸缩容器 内联显示。这是display: inline- flex和之间的唯一区别display: flex。可以在display: inline-block和之间以及display: block与具有内联对应项的几乎所有其他显示类型之间进行类似的比较。1个

弹性项目的效果绝对没有区别;无论flex容器是块级还是内联级,flex布局都是相同的。特别是,flex项本身始终像块级框一样运行(尽管它们确实具有内联块的某些 属性)。您不能内联显示弹性项目;否则,您实际上没有弹性布局。

目前尚不清楚“垂直对齐”到底是什么意思,或者为什么要真正内联显示内容,但我不确定flex@R_456_2419@不是您要完成的任务的正确工具。机会是你要找的是什么,只是普通的老直列布局(display:inline和/或display: inline-block),为此,Flex@R_456_2419@将是 更换; flex@R_456_2419@_并不是_所有人都声称的通用布局解决方案(我之所以这样说是因为误解可能是您首先考虑使用flex@R_456_2419@的原因)。

1 块布局和内联布局之间的差异不在此问题的范围内,但最突出的是自动宽度:块级框水平拉伸以填充其包含的块,而内联级框缩小以适合其容纳的块内容。实际上,仅出于这个原因,display:inline-flex除非您有很好的理由内联显示flex容器,否则您几乎不会使用。

其他 2022/1/1 18:19:35 有370人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶