box-direction定义子元素的显示偏向。

.box{ 
 
    -moz-box-direction: reverse; /*Firefox*/ 
 
    -webkit-box-direction: reverse; /*Safari,Opera,Chrome*/ 
 
    box-direction: reverse; 
 
}  

box-direction属性总共有3个值：

.box{ 
 
    box-direction: normal | reverse | inherit; 
 
    /*显示偏向：默认偏向 | 反偏向 | 持续子元素的 box-direction*/ 
 
}  

4.box-orient 属性

box-orient定义子元素是否应程度或垂直分列。

.box{ 
 
    -moz-box-orient: horizontal; /*Firefox*/ 
 
    -webkit-box-orient: horizontal; /*Safari,Opera,Chrome*/ 
 
    box-orient: horizontal; 
 
}  

box-orient属性总共有5个值：

.box{ 
 
    box-orient: horizontal | vertical | inline-axis | block-axis | inherit; 
 
    /*分列偏向：程度 | 垂直 | 行内方法分列（默认） | 块方法分列 | 持续父级的box-orient*/ 
 
}  

box-lines定义当子元素超出了容器是否许可子元素换行。

.box{ 
 
    -moz-box-lines: multiple; /*Firefox*/ 
 
    -webkit-box-lines: multiple; /*Safari,Opera,Chrome*/ 
 
    box-lines: multiple; 
 
}  

box-lines属性总共有2个值：

子元素属性

5.box-lines 属性

1.box-flex 属性

box-flex定义是否许可当缁び元素伸缩。

.item{ 
 
    -moz-box-flex: 1.0; /*Firefox*/ 
 
    -webkit-box-flex: 1.0; /*Safari,Opera,Chrome*/ 
 
    box-flex: 1.0; 
 
}  

box-direction属性应用一个整数值：

box-flex属性应用一个浮点值：

.item{ 
 
    box-flex: <value>; 
 
    /*伸缩：<一个浮点数，默认为0.0，即表示弗成伸缩，大年夜于0的值可伸缩，柔性相对>*/ 	
			
 2/7   首页 上一页 1 2 3 4 5 6 下一页 尾页
	
			

　　推荐阅读
　　开源项目中经常出现的七种错误
            
            
                
                    
                
                【51CTO.com快译】 启动一个新的开源项目可能会碰到一些艰苦。也许你脑筋里有一个很棒的设法主意，然则想把它>>>详细阅读


本文标题：Flex布局新旧混合写法详解（兼容微信）
地址：http://www.17bianji.com/lsqh/36591.html
 1/2    1