flex布局从左到右

在 Flexbox 布局中，可以通过设置 `flex-direction` 属性来控制元素的排列方向。默认情况下，`flex-direction` 的值为 `row`，即从左到右排列。

以下是一个简单的示例，展示了 Flexbox 布局从左到右的效果：

<div style="display: flex; flex-direction: row;">
  <div style="flex: 1; background-color: red;">Item 1</div>
  <div style="flex: 1; background-color: blue;">Item 2</div>
  <div style="flex: 1; background-color: green;">Item 3</div>
</div>

在上述示例中，我们使用了 `display: flex` 和 `flex-direction: row` 来创建一个 Flexbox 容器，并且每个子元素都具有相同的 `flex` 属性，使它们平均分配剩余空间。这样，子元素会从左到右依次排列。

希望这个例子能帮助你理解 Flexbox 布局中从左到右的排列方式。如果有任何疑问，请随时提问！