Flex是Flexible Box的縮寫,意為"彈性布局",用來為盒狀模型提供最大的靈活性。
任何一個容器都可以指定為Flex布局。
.box{
display: flex;
}
1,測試部分android手機正常,iphone6s運行的app中布局出現(xiàn)問題,后來加上-webkit前綴搞定。
注:Webkit內(nèi)核的瀏覽器,必須加上-webkit前綴。
.box{
display: -webkit-flex; /* Safari */
display: flex;
}
2,注意,設(shè)為Flex布局以后,子元素的float、clear和vertical-align屬性將失效。