[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)» 弹性盒模型属性 相关内容： [**弹性盒模型属性参考**选择其它项](#) - [box-orient](#) - [box-pack](#) - [box-align](#) - [box-flex](#) - [box-flex-group](#) - [box-ordinal-group](#) - [box-direction](#) - [box-lines](#) # CSS Flexible Box Layout Properties - 弹性盒模型属性 ### 弹性盒模型 Flexible Box Layout <table class="gdataform"><thead><tr><th>Properties<br/>属性</th> <th>CSS Version<br/>版本</th> <th>Inherit From Parent<br/>继承性</th> <th>Description<br/>简介</th> </tr></thead><tbody><tr><td><a href="box-orient.htm" class="linkcss3">box-orient</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素的排列方式。</td> </tr><tr><td><a href="box-pack.htm" class="linkcss3">box-pack</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素的对齐方式。请参阅<a href="box-align.htm">box-align</a>兄弟属性</td> </tr><tr><td><a href="box-align.htm" class="linkcss3">box-align</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素的对齐方式。请参阅<a href="box-pack.htm">box-pack</a>兄弟属性</td> </tr><tr><td><a href="box-flex.htm" class="linkcss3">box-flex</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素如何分配其剩余空间。</td> </tr><tr><td><a href="box-flex-group.htm" class="linkcss3">box-flex-group</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素的所属组。</td> </tr><tr><td><a href="box-ordinal-group.htm" class="linkcss3">box-ordinal-group</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素的显示顺序。</td> </tr><tr><td><a href="box-direction.htm" class="linkcss3">box-direction</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素的排列顺序是否反转。</td> </tr><tr><td><a href="box-lines.htm" class="linkcss3">box-lines</a></td> <td>CSS3</td> <td>无</td> <td>设置或检索弹性盒模型对象的子元素是否可以换行显示。</td> </tr></tbody></table> **这种颜色** 的链接表示是CSS3属性或原属性被CSS3修改并增加了新的属性值。 要使得弹性盒模型属性生效，需先定义display的参数值为box或inline-box。 根据最新的[w3c文档](http://www.w3.org/TR/css3-flexbox/)，Flexible Box Layout属性可能都要被修改 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved