CSS:element具有“display:block”且不开始新行

请查看以下代码：

.标题{ 显示器：flex； 宽度：100vw； 高度：20vh； } div{ 边框：实心； } 首先{ 弹性：1 } 第二{ 弹性：1 } 第三{ 弹性：1 }

---

您的container div被设置为显示为flex，因此它的所有子级都将继承父级的显示模式，从而以内联方式显示。可以通过指定弯曲方向来设置它们的显示方式。将其设置为“显示为列”将使所有子元素相互显示

.标题{ 显示器：flex； 宽度：100vw； 高度：20vh； /*加上这个*/ 弯曲方向：立柱； } div{ 边框：实心； } 首先{ 弹性：1 } 第二{ 弹性：1 } 第三{ 弹性：1 }

---

您的container div被设置为显示为flex，因此它的所有子级都将继承父级的显示模式，从而以内联方式显示。可以通过指定弯曲方向来设置它们的显示方式。将其设置为“显示为列”将使所有子元素相互显示

.标题{ 显示器：flex； 宽度：100vw； 高度：20vh； /*加上这个*/ 弯曲方向：立柱； } div{ 边框：实心； } 首先{ 弹性：1 } 第二{ 弹性：1 } 第三{ 弹性：1 }

---

嗨，这是因为你的标题显示灵活。如果显示flex，则其所有子项将显示在一行中。您可以通过添加flex direction:列或行作为默认值进行更改，这是因为页眉显示flex。如果显示flex，则其所有子项将显示在一行中。您可以通过将“灵活方向：列”或“行”作为默认值进行更改

显示：flex告诉你的浏览器，我想用flexbox和这个容器。div元素默认显示为：box

具有此显示设置的元素占据整个屏幕的宽度 电话接通了。下面是父对象中四个彩色div的示例 具有默认显示设置的div：

显示：flex告诉你的浏览器，我想用flexbox和这个容器。div元素默认显示为：box

具有此显示设置的元素占据整个屏幕的宽度 电话接通了。下面是父对象中四个彩色div的示例 具有默认显示设置的div：

但是，我知道，当一个元素具有display:block属性时，这意味着该元素开始一个新行

您的信息是错误的，因为display属性本身永远不会告诉我们是否有新行

让我们再举一个没有flexbox的例子：

.盒子{ 宽度：200px； 高度：200px； 边框：2倍实心； 浮动：左； } 但是，我知道，当一个元素具有display:block属性时，这意味着该元素开始一个新行

您的信息是错误的，因为display属性本身永远不会告诉我们是否有新行

让我们再举一个没有flexbox的例子：

.盒子{ 宽度：200px； 高度：200px； 边框：2倍实心； 浮动：左； }

---

Flex渲染会覆盖div行为，但不会取消display:block，因为父选择器具有display:Flex属性。因此，它将项目作为行或列。开发工具显示显示：块；这是用户代理样式表。Flex呈现会覆盖div行为，但不会取消display:block，因为父选择器具有display:Flex属性。因此，它将项目作为行或列。开发工具显示显示：块；这是用户代理样式表。如果子项从其父项继承显示类型，为什么开发工具会显示其显示为块而不是flex？如果子项从其父项继承显示类型，为什么开发工具会显示其显示为块而不是flex？