当前位置: 海之晶网站设计> 建站知识> 建站教程>创建Flexbox Flex容器时会发生什么?

创建Flexbox Flex容器时会发生什么?

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/9/26 21:22:43
分享:

在一个简短的系列文章中,我将花一些时间详细介绍Flexbox的解压,就像我过去对grid所做的那样。我们将了解Flexbox的设计目的,它真正做得好的地方,以及为什么我们不选择它作为布局方法。在本文中,我们将详细了解在样式表中添加display:flex时实际发生的情况。

为了使用Flexbox,您需要一个元素作为flex容器。在CSS中,使用display:flex:

让我们花点时间思考一下display:flex真正的含义。在显示模块级别3中,每个显示值被描述为实际上是两个事物的组合:内部显示模型和外部显示模型。当我们添加display:flex时,我们实际上是在定义display:block-flex。flex容器的外部显示类型是block;它在正常流中的作用类似于块级别的元素。内部显示类型是flex,因此直接在容器中的项目将参与flex布局。

这是您可能从未真正想过但可能会理解的东西。flex容器的作用与页面上的任何其他块类似。如果有一个段落后面跟着一个flex容器,那么这两个东西的行为就像我们已经习惯于块元素的行为一样

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。