Css 街区布局如何;垂直偏压;,“内联块”是什么;水平偏压;?

Css 街区布局如何;垂直偏压;,“内联块”是什么;水平偏压;?,css,layout,position,flexbox,Css,Layout,Position,Flexbox,flexbox布局算法与垂直偏置的块布局或水平偏置的内联布局相反,方向不可知。 ~ 有人能解释一下这到底是什么意思吗? 与flexbox相比,这些布局在“轴偏差”方面有哪些障碍?如果代码中有div(没有任何css样式,div默认为“display:block”): 1 2. 3. div将垂直显示在页面上,如下所示: 一, 二, 三, 如果代码中有3个内联标记(“b”标记默认为“display:inline;”): 1 2. 3. 它们将水平显示在页面上,如下所示: 123 Flexbo

flexbox布局算法与垂直偏置的块布局或水平偏置的内联布局相反,方向不可知。
~

有人能解释一下这到底是什么意思吗?
与flexbox相比,这些布局在“轴偏差”方面有哪些障碍?

如果代码中有div(没有任何css样式,div默认为“display:block”):

1
2.
3.
div将垂直显示在页面上,如下所示:

一,

二,

三,


如果代码中有3个内联标记(“b”标记默认为“display:inline;”):

1
2.
3.
它们将水平显示在页面上,如下所示:

123


Flexbox与之相反,Flexbox具有块、内联、表和其他一些功能。因为flexbox不是块或内联元素,所以flexbox是“方向”元素


例如,尝试比较像素和向量。(可能这不是最好的例子,但它有助于理解flexbox)。

我通常不喜欢W3学校,但他们对flexbox的教育对我很有用。其实很容易理解

Flex布局使用Flex项,这些项可以自然地采用多种不同的对齐形式,而无需使用蛮力

Flex项可以堆叠、并排对齐、多方向排列、自动计算这些项及其周围以及它们之间的间距,以实现均匀间距等。它们可以复制块(从上到下)和内联(从左到右),甚至更多。它们不是偏向于一个方向,而是自然地对许多方向的变化开放

<div>1</div>
<div>2</div>
<div>3</div>
<b>1</b>
<b>2</b>
<b>3</b>