技術問答
技術文章
iT 徵才
Tag
聊天室
2023 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
6
0
自我挑戰組
CSS 大全(第四版)閱讀筆記
系列 第
6
篇
Day6【主題一:Flexbox】_統整
11th鐵人賽
flex
css
布局
切版
Amy
2019-09-07 22:51:55
822 瀏覽
一、屬性統整:
1-1、作用於彈性容器上:
flex-direction(控制子項整體佈局方向)
flex-wrap(控制子項整體單行顯示還是換行顯示)
flex-flow(前二項縮寫)
justify-content(主軸方向的的對齊和分佈方式)
align-items(flex子項們相對於flex容器在垂直方向上的對齊方式)
align-content(垂直軸方向的的對齊和分佈方式,如果所有flex子項只有一行,則align-content屬性是沒有任何效果的)
寫給自己看的display: flex佈局教程
1-2、作用於彈性項目上:
order(flex子項的排序位置)
flex-grow(擴展比例)
flex-shrink(收縮比例)
flex-basis(分配剩餘空間之前元素的默認大小)
flex(前三項縮寫)
align-self(單獨某一個flex子項的垂直對齊方式)
二、學習flex時網路上好文推薦(主要為兼容性探討主題)
讓CSS flex佈局最後一行列表左對齊的N種方法
第一次用 CSS - Flexbox 就上手
Flex 佈局在IE瀏覽器下的糟糕表現
flexbox布局的兼容性
Flex 佈局在IE瀏覽器下的兼容問題
留言
追蹤
檢舉
上一篇
Day5【主題一:Flexbox】_彈性項目相關屬性/flex屬性/flex-grow屬性/flex-shrink屬性/flex-basis屬性/flex縮寫/order屬性
下一篇
Day7【主題二:轉場】_CSS轉場/轉場屬性
系列文
CSS 大全(第四版)閱讀筆記
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
day26【主題六:選擇器】筆記1
27
day27【主題六:選擇器】筆記2
28
day28【主題六:選擇器】筆記3-動態、介面狀態虛擬類別
29
day29【主題七:邊界範圍】
30
day30【主題八:數值與單位】
完整目錄
直播研討會
{{ item.subject }}
{{ item.channelVendor }}
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
1123
組
團體組數
52
組
累計文章數
23095
篇
完賽人數
656
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
2018鐵人賽
javascript
2017鐵人賽
python
windows
php
c#
windows server
linux
css
程式設計
react
vue.js
熱門問題
目前IT會被AI取代嗎
API 行為有辦法攔截嗎?
桌機出現無預警自動關機狀況
請問大家克服壓力源的辦法
詢問取得訪客IP問題
請問有沒有無線滑鼠內建無線麥克風的,懶得打字,想要直接用唸的搜尋.有沒有什麼好的方法?謝謝!!
關於基本伺服器防護
請問EXCEL為什麼抓不到網頁資料
覆盤
windows 系統管理員帳戶被鎖定後,是否會影響由Administrator啟用的服務運作?
熱門回答
目前IT會被AI取代嗎
桌機出現無預警自動關機狀況
請問大家克服壓力源的辦法
請問有沒有無線滑鼠內建無線麥克風的,懶得打字,想要直接用唸的搜尋.有沒有什麼好的方法?謝謝!!
詢問取得訪客IP問題
熱門文章
一步一步安裝 VigorConnect v1.9.0 for Synology NAS Docker 容器
Y2K後的下一個挑戰 -- 2038
[C#] 湊零錢解法
[C#] 費氏數列解法
「天文學Python」如何在《獵星者旅店》中學會用Python取得亮星資料來繪製二維全天空星圖?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}