box-orient




语法：



box-orient：horizontal | vertical | inline-axis | block-axis

默认值：horizontal

适用于：伸缩盒容器继承性：无

动画性：否

计算值：指定值



取值：


horizontal： 设置伸缩盒对象的子元素从左到右水平排列 vertical： 设置伸缩盒对象的子元素从上到下纵向排列 inline-axis： 设置伸缩盒对象的子元素沿行轴排列 block-axis： 设置伸缩盒对象的子元素沿块轴排列



说明：


设置或检索伸缩盒对象的子元素的排列方式。

  • 可以通过box-orient:horizontal + box-direction:normal 达到新版本 flex-direction:row 的效果；
  • 可以通过box-orient:horizontal + box-direction:reverse 达到新版本 flex-direction:row-reverse 的效果；
  • 可以通过box-orient:vertical + box-direction:normal 达到新版本 flex-direction:column 的效果；
  • 可以通过box-orient:horizontal + box-direction:reverse 达到新版本 flex-direction:column-reverse 的效果；
  • 对应的脚本特性为boxOrient。