Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS_Flex_基礎二.pdf
Search
darrenyaoyaoyao
October 26, 2020
Programming
0
50
CSS_Flex_基礎二.pdf
darrenyaoyaoyao
October 26, 2020
Tweet
Share
More Decks by darrenyaoyaoyao
See All by darrenyaoyaoyao
HTML__CSS_基礎二.pdf
darrenyaoyaoyao
0
40
Pug.pdf
darrenyaoyaoyao
0
50
Sass.pdf
darrenyaoyaoyao
0
46
jquery.pdf
darrenyaoyaoyao
1
50
0c8adb02-ade8-47bb-9939-4d45110ffefd.pdf
darrenyaoyaoyao
0
42
bootstrap.pdf
darrenyaoyaoyao
1
58
Javasrcipt_基礎一.pdf
darrenyaoyaoyao
0
78
Javascript_基礎二.pdf
darrenyaoyaoyao
0
100
HTML__CSS_基礎_.pdf
darrenyaoyaoyao
0
46
Other Decks in Programming
See All in Programming
Swiftコードバトル必勝法
toshi0383
0
170
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
140
REXML改善のその後
naitoh
0
190
rails_girls_is_my_gate_to_join_the_ruby_commuinty
maimux2x
0
200
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
120
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
9
2.4k
エンジニア1年目で複雑なコードの改善に取り組んだ話
mtnmr
3
2k
What is Parser
yui_knk
9
4.1k
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
120
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
[DroidKaigi 2024] Android ViewからJetpack Composeへ 〜Jetpack Compose移行のすゝめ〜 / From Android View to Jetpack Compose: A Guide to Migration
syarihu
1
630
Regular Expressions, REXML, Automata Learning
makenowjust
0
220
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
58k
How to Ace a Technical Interview
jacobian
274
23k
Happy Clients
brianwarren
96
6.6k
The Cost Of JavaScript in 2023
addyosmani
42
5.7k
Automating Front-end Workflow
addyosmani
1365
200k
Why Our Code Smells
bkeepers
PRO
334
56k
Git: the NoSQL Database
bkeepers
PRO
425
64k
Bootstrapping a Software Product
garrettdimon
PRO
304
110k
How GitHub (no longer) Works
holman
310
140k
Designing for Performance
lara
604
68k
How to train your dragon (web standard)
notwaldorf
85
5.6k
Transcript
CSS Flex 盒⼦模型 基礎⼆ 排版進階練習
今⽇⽬標
https://darrenyaoyao.github.io/
Flex-direction column row
Flex 比例 flex: 3 flex: 1
justify-content
align-items
RWD 響應式網站 網站排版會隨著螢幕⼤⼩不同 ⽽有所調整
media query @media screen and (max-width: 900px) { .container {
} }