Jieunny์ ๋ธ๋ก๊ทธ
Unit5. [์ค์ต] ๊ณ์ฐ๊ธฐ ๋ชฉ์ ๋ณธ๋ฌธ
๐ฃ ๊ณ์ฐ๊ธฐ ๋ชฉ์
โ๏ธ flex ์ด์ฉํ๊ธฐ
โ๏ธ ๋ ์ด์์ ์ ๊ฒฝ์ฐ๋ฉด์ ๊น๋ํ๊ฒ
๐ฃ ์์ด์ดํ๋ ์
โ๏ธ ์๋ฌธ์ ..
โ๏ธ ๋ฒํผ ๋งจ ๋ง์ง๋ง์ค์์ '0' ์ flex: 2 ์คฌ๋๋ฐ ์ ์์ค์ด๋ ๋ฏธ์ธํ๊ฒ ๋ค๋ฅธ์ง? ๋ญ๊ฐ ์๋ชป๋์ ๋ฏธ์ธํ๊ฒ ์ฐจ์ด๊ฐ ๋๋์ง ๋ชจ๋ฅด๊ฒ ๋ค. 0.2px ์ฐจ์ด,,(ํด๊ฒฐ!)๋ฒํผ์์์ flex: 1 ์ด๋ ๊ฒ ์ฃผ์ง ๋ง๊ณ flex: 1 0 auto ์ด๋ ๊ฒ ์ฃผ๋ฉด basis๊ฐ ์ปจํ
์ธ ํฌ๊ธฐ๋งํผ ๋์ ๊ณ์ฐ๊ธฐ๊ฐ ๋ค์ฅ๋ ์ฅ ํด์ง๋๋ฐ ์ด๋ max-width๋ฅผ ์ค์ ํด ์ฃผ๋ฉด(๋น์จ์ ์ค์ ํด์ผํ๋ฏ๋ก %๊ฐ์ผ๋ก ์ค๋ค.) ๋ฒํผ ์์๊ฐ ๊ทธ ํฌ๊ธฐ๋ ๋ชป๋๊ธฐ ๋๋ฌธ์ ์ํ๋ ํฌ๊ธฐ๋ก ์ค์ ๊ฐ๋ฅํ๋ค.
โ๏ธ flex ์์ฑ์ ์ด๋ ๊ฒ ๋จ๋ฐํด๋ ๋๋์ง?
โฐ ๊ทธ๋ฅ ํผ์ ๋ฏธ๋ฆฌ ํด๋ณธ๊ฑฐ๋ผ ํ์ด ํ๋ ๋ ํ์ด๋์ด๋ ์๋
ผ ํด๋ด์ผ์ง..
'CodeStates > Training' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
Unit 11. [์ค์ต] ๋๋ง์ ์๊ณ ๋ผ ์คํ ์ด์ธ ๋ง๋ค๊ธฐ (0) | 2023.01.10 |
---|---|
Unit 10. [์ค์ต] ํ์๊ฐ์ ํ์ด์ง ์ ํจ์ฑ ๊ฒ์ฌ (0) | 2023.01.10 |
Unit 9. [์ค์ต]JavaScript Koans ๋ฌธ์ ํด๊ฒฐ (0) | 2022.12.26 |
Unit6. [์ค์ต] ๊ณ์ฐ๊ธฐ ๊ตฌํํ๊ธฐ (0) | 2022.12.21 |
Unit5. [์ค์ต] Flexbox ์ฌ์ฉ (0) | 2022.12.19 |