Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

CSS_Flex_基礎二.pdf

Avatar for darrenyaoyaoyao darrenyaoyaoyao
October 26, 2020
Programming
0
56

 CSS_Flex_基礎二.pdf

Avatar for darrenyaoyaoyao

darrenyaoyaoyao

October 26, 2020
Tweet

More Decks by darrenyaoyaoyao

See All by darrenyaoyaoyao
HTML__CSS_基礎二.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
54
Pug.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
65
Sass.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
53
jquery.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
1
65
0c8adb02-ade8-47bb-9939-4d45110ffefd.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
53
bootstrap.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
1
75
Javasrcipt_基礎一.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
89
Javascript_基礎二.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
120
HTML__CSS_基礎_.pdf
Avatar for darrenyaoyaoyao darrenyaoyaoyao
0
53

Other Decks in Programming

See All in Programming
TUIライブラリつくってみた / i-just-make-TUI-library
Avatar for kazto kazto
1
380
WebRTC と Rust と 8K 60fps
Avatar for tnoho tnoho
2
2k
宅宅自以為的浪漫：跟 AI 一起為自己辦的研討會寫一個售票系統
Avatar for 高見龍 eddie
0
500
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
2
220
dotfiles 式年遷宮 令和最新版
Avatar for masawada masawada
1
770
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
8
5.7k
認証・認可の基本を学ぼう後編
Avatar for kaza kouyuume
0
190
Why Kotlin? 電子カルテを Kotlin で開発する理由 / Why Kotlin? at Henry
Avatar for Agata Naomichi agatan
2
7.2k
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
Avatar for s.konishi hasibirok0
0
240
sbt 2
Avatar for kenji yoshida xuwei_k
0
300
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
Avatar for Shoma Okamoto shmokmt
5
2.3k
新卒エンジニアのプルリクエスト with AI駆動
Avatar for Yuta Fukunaga fukunaga2025
0
220

Featured

See All Featured
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
13k
It's Worth the Effort
Avatar for 3n 3n
187
29k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
8
1.3k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k

Transcript

  1. CSS Flex 盒⼦模型 基礎⼆ 排版進階練習

  2. 今⽇⽬標

  3. https://darrenyaoyao.github.io/

  4. Flex-direction column row

  5. Flex 比例 flex: 3 flex: 1

  6. justify-content

  7. align-items

  8. RWD 響應式網站 網站排版會隨著螢幕⼤⼩不同
 ⽽有所調整

  9. media query @media screen and (max-width: 900px) { .container {

    } }