Hello World 開發者年會報名倒數!
企業智慧應用實戰賽登場!
直擊 AI 技術的『能用、好用、真落地』!
技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
6
0
自我挑戰組
CSS 大全(第四版)閱讀筆記
系列 第
6
篇
Day6【主題一:Flexbox】_統整
11th鐵人賽
flex
css
布局
切版
Amy
2019-09-07 22:51:55
1066 瀏覽
分享至
一、屬性統整:
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【主題八:數值與單位】
完整目錄
熱門推薦
從遠古到現代:Linux 系統管理的大躍進之路
iThome鐵人賽
|
2025-10-01 13:00
|
立即報名
實戰:引入Azure DevOps Service的團隊探險前奏曲
iThome鐵人賽
|
2025-10-08 13:00
|
立即報名
在企業內部播下生成式 AI 認知的種子:實務推動者的經驗分享
iThome鐵人賽
|
2025-10-15 13:00
|
立即報名
在 AI IDE 輔助的時代,那些仍然重要的事。以 SwiftUI 開發 iOS App 為例
iThome鐵人賽
|
2025-10-22 13:00
|
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
11509
篇
完賽人數
106
人
看影片追技術
看更多
資料庫保護全攻略 (二) 綜觀全球資料庫防護趨勢 - 金融客戶案例大剖析
CipherTech 亞利安科技
|
31 分
Dell AI Factory 賦能智慧金融:落地多元 GenAI 應用實踐
IT EXPLAINED
|
35 分
SRE 經驗分享-在中大型企業身為 SRE 可能該完成的一些事
SRE CONFERENCE
|
26 分
舞動雙軸、關鍵資安、企業永續發展
數位永續高峰會
|
24 分
Observability 入門班:可觀測性的核心技術架構與 OpenTelemetry 實作指南
DevOpsDays
|
51 分
全方位供應鏈資安風險管控
臺灣資安大會
|
25 分
【Bootcamp Workshop】初探 LLM 可觀測性:從概念到實踐
DevOpsDays
|
57 分
雲端資安如何合規: 5 種常見曝險情境
Cymetrics
|
23 分
輕量化前端組合技:htmx 與 Alpine.js 開發應用
Hello World Dev Conference
|
26 分
Red Hat 開源容器平台讓企業 IT 如虎添翼:虛擬化和容器技術攜手打造高效數位化轉型
KubeSummit
|
31 分
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
17th鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
HP iLo Advanced trial license
在線求大神,千奧軟體主機怎麼安裝
因為網路磁碟的關係造成系統自動重新開機
windows server無法使用gpedit.msc
Java證照題目(main() method)
Docker Compose 建立 GitLab 容器,執行器 Runner 運行流水線問題
iatf16949資訊稽核
iatf16949資訊稽核內容
微軟更新重開機很久
禦 DDOS 之呼吸!研討會抽 APPLE 禮
不只上雲,更以微服務平台翻轉傳統 IT 架構
HPE Networking 助力企業實現高效安全的自動化網路
Windows 10支援倒數,聯繫微軟夥伴諮詢
AMD Ryzen™ AI PRO 系列商用筆電,AI 賦能,商務升級
Jamf Nation Live Taipei 熱烈報名中!專屬好禮等你拿
熱門回答
iatf16949資訊稽核
Esxi 8.0版本上的虛擬機器, 安裝的作業系統是Windows Server 2025, 確定輸入的密碼是正確的, 無法登入(顯示密碼錯誤)
因為網路磁碟的關係造成系統自動重新開機
微軟更新重開機很久
windows server無法使用gpedit.msc
熱門文章
第5天,數位憑證的格式 PEM、DER / 小辣椒魷魚羹(台北萬華)| 30天滷肉飯
第5天,Cloudflare 的費用 / 潤餅捲 | 30天板橋湳雅夜市
第6天,憑證信任鏈 / 阿輝滷肉飯 浮洲市場小吃(新北板橋) | 30天滷肉飯
[為你自己學 n8n] 第 5 天,JSON 不是人名!搞懂自動化的基礎語言!
[為你自己學 n8n] 第 9 天,Google 大神駕到:串接服務的必修儀式!
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}