Flex是Flexible Box的縮寫阀捅,意為"彈性布局",用來(lái)為盒狀模型提供最大的靈活性狰贯。
任何一個(gè)容器都可以指定為Flex布局也搓。
.box{
display: flex;
}
1,測(cè)試部分android手機(jī)正常涵紊,iphone6s運(yùn)行的app中布局出現(xiàn)問(wèn)題傍妒,后來(lái)加上-webkit前綴搞定。
注:Webkit內(nèi)核的瀏覽器摸柄,必須加上-webkit前綴颤练。
.box{
display: -webkit-flex; /* Safari */
display: flex;
}
2,注意驱负,設(shè)為Flex布局以后嗦玖,子元素的float、clear和vertical-align屬性將失效跃脊。