| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- ๋ช ๋ น์ด
- ๋ณ์
- ๋์ปค
- post๋ฐฉ์
- ์ธ๋ผ์ธ๋ทฐ
- ๋์
- ๋ฐฑํฑ
- ๋ฐฐ์ด
- ๋์ ํ ์ด๋ธ
- JSP
- ํจ์
- order by
- DATE_FORMAT
- ํ ์ด๋ธ
- Update
- JavaScript
- ์ฝํ
- Ajax
- MySQL
- like
- SQL
- ํ๋ก๊ทธ๋๋จธ์ค
- ์ปจํธ๋กค๋ฌ
- ์๋ฐ์คํฌ๋ฆฝํธ
- Spring
- JS
- oracle
- select
- optionํ๊ทธ
- ๋ฆฌ๋ ์ค
- Today
- Total
bom's happy life
Flex ๊ณต๋ถ์๋ฃ ๋ณธ๋ฌธ
https://studiomeal.com/archives/197
์ด๋ฒ์์ผ๋ง๋ก CSS Flex๋ฅผ ์ตํ๋ณด์
์ด ํํ ๋ฆฌ์ผ์ “์ฐจ์ธ๋ CSS ๋ ์ด์์” ์๋ฆฌ์ฆ์ ์ฒซ๋ฒ์งธ ํฌ์คํธ์ ๋๋ค. ์ด๋ฒ์์ผ๋ง๋ก CSS Flex๋ฅผ ์ตํ๋ณด์ ์ด๋ฒ์์ผ๋ง๋ก CSS Grid๋ฅผ ์ตํ๋ณด์ ๋ฒ์จ๋ถํฐ ์คํฌ๋กค์ ์๋ฐ์ด ๋๊ปด์ง๊ณ ,‘์ข ํธ์ํ๊ฒ ๋
studiomeal.com
.
.
https://moo-you.tistory.com/384?category=308744
flex-basis๊ณผ width ์ฐจ์ด
flex-basis์ ๋ํ ์ค๋ช ์ ์ ํฌ์คํ ์ ์ฐธ๊ณ ํ์ธ์ flex-basis๋ ๊ธฐ๋ณธ ํฌ๊ธฐ๋ฅผ ์ค์ ํ๋ ๊ฒ์ด๊ณ width๋ ๊ฐ๋ก ๊ฐ์ ์ค์ ํ๋ ์์ฑ์ด๋ผ ์ผํ ๋น์ทํด ๋ณด์ ๋๋ค. .item:nth-child(1) { flex-basis: 200px; } .item:nth..
moo-you.tistory.com
.
.
https://cdpn.io/pen/debug/adLPwv
CodePen - Flexbox playground
cdpn.io
flex-basis, flex-shrink, flex-grow ์ดํดํด๋ณด๊ธฐ
.
.
https://heewon26.tistory.com/275?category=797490
flex: 1 1 0 ์ ์๋ฏธ
flex-grow ์์ฑ flex-grow ์์ฑ์ flex item์ ํ์ฅ์ ๊ด๋ จ๋ ์์ฑ์ด๋ค. 0๊ณผ ์์ ์ ์๋ฅผ ์์ฑ๊ฐ์ ์ฌ์ฉํ๋ค. ์์ฑ๊ฐ์ด 0์ด๋ฉด flex container์ ํฌ๊ธฐ๊ฐ ์ปค์ ธ๋ flex item์ ํฌ๊ธฐ๊ฐ ์ปค์ง์ง ์๊ณ ์๋ ํฌ๊ธฐ๋ก ์
heewon26.tistory.com
flex: 1 1 0 ์ ์๋ฏธ
.
.
Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
ํ๋ ์ค ๊ฐ๊ตฌ๋ฆฌ๊ฒ์
.
.
http://www.flexboxdefense.com/
Flexbox Defense
Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!
www.flexboxdefense.com
ํ๋ ์ค ๋ํ์ค๊ฒ์
'HTML,CSS๐ช' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| textarea ์ ๋ ฅ ๋ฐ์ ๊ธ ๊ณต๋ฐฑ, ์ค๋ฐ๊ฟ ์ด๋ฆฌ๊ธฐ (0) | 2023.12.28 |
|---|---|
| [HTML] ํน์๋ฌธ์ํ (0) | 2023.05.24 |
| textarea ์ฒซ์ค์ ๊ณต๋ฐฑ ์๊ธฐ๋๊ฑฐ ํด๊ฒฐ (0) | 2023.04.12 |
| ํ๋์์ ๋ํ์ฌ (0) | 2023.03.16 |
| formํ๊ทธ (0) | 2022.11.07 |