box-direction 是 CSS 中 Flexbox 布局模型中的一个属性，用于设置弹性容器（flex container）中子元素的排列方向。这个属性在旧版本的 Flexbox 规范中存在，但在新规范中被废弃，推荐使用新的属性 flex-direction 来代替。

在旧规范中，box-direction 的语法如下：
.container {
  box-direction: normal | reverse;
}

  •  normal：子元素按照文档流的方向排列。

  •  reverse：子元素按照文档流的反向排列。


示例：
.container {
  display: flex;
  box-direction: reverse; /* 旧规范，推荐使用 flex-direction: row-reverse; */
  flex-direction: row-reverse; /* 新规范，推荐使用此属性 */
}

新规范中推荐使用 flex-direction 属性来设置弹性容器中子元素的排列方向，因为它更加直观、易读，并且兼容性更好。所以，实际开发中更建议使用 flex-direction。


转载请注明出处：http://www.pingtaimeng.com/article/detail/6035/CSS