国产精一区二区_午夜视频99_免费白白视频_中文字幕一区免费

熱門文章> flex布局有哪些屬性 >

flex布局有哪些屬性

36氪企服點評小編
2022-04-25 18:49
8329次閱讀

| 企服解答

flex布局的屬性有:1、flex-direction,屬于設置主軸的方向,即子元素的排列方向;2、justify-content,屬于設置主軸上的子元素排列方式;flex-wrap,屬性可以將容器設置為是否是換行的;3、align-content,屬性能夠設置自由盒內部各個項目在垂直方向排列方式;4、align-items,屬性能夠設置自由盒內部各個項目在垂直方向排列方式;5、flex-flow,屬性相當于同時設置了flex-direction 和 flex-wrap。

flex布局有哪些屬性flex布局有哪些屬性

1.flex-direction

flex-direction屬于設置主軸的方向,即子元素的排列方向。包括了包括row、column、row-reverse、column-reverse。

2.justify-content

justify-content屬于設置主軸上的子元素排列方式,是用于設置或檢索彈性盒子元素在主軸方向上的對齊方式。

3.flex-wrap

flex-wrap屬性可以將容器設置為是否是換行的。

4.align-content

align-content屬性能夠設置自由盒內部各個項目在垂直方向排列方式。

5.align-items

align-items屬性定義了項目在交叉軸上如何對齊。

6.flex-flow

flex-flow屬性相當于同時設置了flex-direction 和 flex-wrap。

[免責聲明]

文章標題: flex布局有哪些屬性

文章內容為網站編輯整理發布,僅供學習與參考,不代表本網站贊同其觀點和對其真實性負責。如涉及作品內容、版權和其它問題,請及時溝通。發送郵件至36dianping@36kr.com,我們會在3個工作日內處理。

消息通知
咨詢入駐
商務合作