flex基礎學習

2021-10-10 15:18:43 字數 779 閱讀 1678

彈性布局:

1:彈性容器:設定了display:flex;這個元素為彈性容器,裡面的子元素會按照彈性布局的方式進行布局

2:彈性子元素:設定了display:flex;這個彈性容器的直接子元素就是彈子元素。

3:彈性主軸方向:預設主軸從左到右: flex-direction:row/row-reverse(相反)

主軸從上到下: flex-direction:column

4:設定主軸的內容分布:預設從主軸的開始位置靠攏:flex-start

主軸的中心位置靠攏:center

主軸的開始位置靠攏:flex-start

主軸的內容平均分布:space-around 兩邊有間距,兩邊邊距是中間的一半

主軸的內容平均分布:space-between兩邊沒有間距

主軸的內容平均分布:space-evenly 兩邊有間距,兩邊邊距是中間的一樣

5:設定側軸的內容分布:預設側軸的內容分布是側軸拉伸:stretch(如果設定了高度,那麼此屬性無效)

側軸的開始位置:flex-start

側軸的結束位置:flex-end

側軸的中心位置:flex-center

html結構

flex基礎學習2

1 彈性換行 flex wrap 預設flex wrap nowrap 換行 flex wrap wrap 2 側軸的多行內容設定 align content 側軸的多行內容向側軸的開端靠攏 align content flex start 側軸的多行內容向側軸的低端靠攏 align content...

Flex基礎 as用法

每一種程式語言都提供強制型別轉換,允許你將某一種資料型別轉換成另一種資料型別,as3自然也不例外。但是雖然我編寫了不少flex程式,對as3中的強制型別轉換還是不太清楚,以前as中是這樣進行強制型別轉換的 假設有乙個類叫做class1,我們宣告了乙個它的物件 c1,如果想要將它轉換成class2型別...

flex基礎概念

sdk software development kit,即軟體開發工具包 一般是一些被軟體工程師用於為特定的軟體包 軟體框架 硬體平台 作業系統等建立應用軟體的開發工具的集合。1.描述應用程式介面的xml語言 mxml 2.符合ecma規範的指令碼語言 actionscript 處理使用者和系統的...