| 企服解答
flex布局的屬性有:1、flex-direction,屬于設(shè)置主軸的方向,即子元素的排列方向;2、justify-content,屬于設(shè)置主軸上的子元素排列方式;flex-wrap,屬性可以將容器設(shè)置為是否是換行的;3、align-content,屬性能夠設(shè)置自由盒內(nèi)部各個(gè)項(xiàng)目在垂直方向排列方式;4、align-items,屬性能夠設(shè)置自由盒內(nèi)部各個(gè)項(xiàng)目在垂直方向排列方式;5、flex-flow,屬性相當(dāng)于同時(shí)設(shè)置了flex-direction 和 flex-wrap。
flex布局有哪些屬性
1.flex-direction
flex-direction屬于設(shè)置主軸的方向,即子元素的排列方向。包括了包括row、column、row-reverse、column-reverse。
2.justify-content
justify-content屬于設(shè)置主軸上的子元素排列方式,是用于設(shè)置或檢索彈性盒子元素在主軸方向上的對(duì)齊方式。
3.flex-wrap
flex-wrap屬性可以將容器設(shè)置為是否是換行的。
4.align-content
align-content屬性能夠設(shè)置自由盒內(nèi)部各個(gè)項(xiàng)目在垂直方向排列方式。
5.align-items
align-items屬性定義了項(xiàng)目在交叉軸上如何對(duì)齊。
6.flex-flow
flex-flow屬性相當(dāng)于同時(shí)設(shè)置了flex-direction 和 flex-wrap。
[免責(zé)聲明]
文章標(biāo)題: flex布局有哪些屬性
文章內(nèi)容為網(wǎng)站編輯整理發(fā)布,僅供學(xué)習(xí)與參考,不代表本網(wǎng)站贊同其觀點(diǎn)和對(duì)其真實(shí)性負(fù)責(zé)。如涉及作品內(nèi)容、版權(quán)和其它問題,請(qǐng)及時(shí)溝通。發(fā)送郵件至36dianping@36kr.com,我們會(huì)在3個(gè)工作日內(nèi)處理。