box-orient 是 Flexbox 布局模型中的 CSS 属性，用于指定弹性容器（flex container）内子项（flex item）的排列方向。该属性有两个可能的值：horizontal 和 vertical。

  •  horizontal: 子项水平排列。

  •  vertical: 子项垂直排列。


这个属性是 Flexbox Level 2 规范的一部分，以及 CSS Box Alignment 模块的一部分。

以下是一个简单的示例：
.container {
  display: flex;
  box-orient: horizontal; /* 或 box-orient: row; */
}

/* 或者 */

.container {
  display: flex;
  box-orient: vertical; /* 或 box-orient: column; */
}

需要注意的是，随着 Flexbox 模型的不断发展，一些属性可能被废弃或替代。在实际开发中，建议查阅最新的 CSS 规范或文档以获取最新信息。


转载请注明出处：http://www.zyzy.cn/article/detail/4154/CSS