box-orient css,box-orient

[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)»[弹性盒模型属性](#)»

相关内容：

[**弹性盒模型属性参考**选择其它项](#)

- [box-orient](#)

- [box-pack](#)

- [box-align](#)

- [box-flex](#)

- [box-flex-group](#)

- [box-ordinal-group](#)

- [box-direction](#)

- [box-lines](#)

# box-orient

- **版本：CSS3**

- 继承性：无

### 语法：

**box-orient**：horizontal | vertical

**默认值**：horizontal

### 取值：

horizontal：设置弹性盒模型对象的子元素为水平排列vertical：设置弹性盒模型对象的子元素为纵向排列

### 说明：

**设置或检索弹性盒模型对象的子元素的排列方式。**

- 对应的脚本特性为**boxOrient**。

### 兼容性：

- 浅绿 = 支持

- 红色 = 不支持

- 墨绿 = 部分支持

- 橙色 = 实验性质

支持版本\类型	IE	Firefox	Safari	Chrome	Opera
较早版本	6.0-9.0	4.0-9.0	5.1	13.0-16.0	11.50-11.60
较新版本	10.0

### 示例：

# 子元素横向排列 box-orient:horizontal;

- 1

- 2

- 3

# 子元素纵向排列 box-orient:horizontal;

- 1

- 2

- 3

Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved