๋ชจ๋ฐ์ผ ๋ฒ์ ์ ์ต์ค๋ ์์
- display : flex, grid
- float ์์
float ๊ฐ๋ ์ด ์๊ธฐ๋๋ฌธ์
flex ํ์! ์ฌ์ฉ๋ฒ ์ตํ๊ธฐ
์ฌ์ดํธ๊ฐ๋ฐ๋ฐฉ์ | |
- ์ ์ํ | - ๋ฐ์ํ |
๋ฐ์คํฌํ๊ณผ ๋ชจ๋ฐ์ผ์ฌ์ดํธ๋ฅผ ๋ฐ๋ก ๊ฐ๋ฐ | ๋ฐํ, ํ๋ธ๋ , ๋ชจ๋ฐ์ผ๋ฑ ๋ชจ๋ ๋๋ฐ์ด์ค์ ๋ง์ถฐ์ ํ๋์ ์์ค๋ก ๊ฐ๋ฐ |
ex. ๊ธฐ๋ฅ์ด ๋ง์ ์ฌ์ดํธ(๋ค์ด๋ฒ, ์ผํ๋ชฐ,์ํ์ฌ์ดํธ ๋ฑ) ex. ๋ฐํ๊ณผ ๋ชจ๋ฐ์ผ์ ๊ตฌ์ฑ์ ๋ฐ๋ก ์ต์ ํํด์ผํ ๊ฒฝ์ฐ(์์ฐ๋ณ์) |
ex. ์ผํ๋ชฐ ๋ฑ ๊ธฐ๋ฅ์ด ๋งค์ฐ๋ง์ ๊ฒฝ์ฐ๋ฅผ ์ ์ธํ๊ณ ๋ชจ๋ ๋ฐ์ํ์ผ๋ก ๊ฐ๋ฐ๋๋ ์ถ์ธ (์ผ๋ฐ์ ์ธ ํ์ฌ ์ฌ์ดํธ) |
DB์ปท์ 10๊ฐ ์ค 8๊ฐ๋ ์ด๋ฏธ ๋ฐ์ํ
์ต์ค ๋ฐ์ ์ํ๋ ์ถ์ธ ๊ณง 100% ๋ฐ์ํ์ ์๋๋ ์ถ์ธ
์ ์ง๋ณด์ ์ธก๋ฉด์์ ๋ฐ์ํ์ด ํ์ฉ๋๊ฐ ๋๋ค
์ด์ ๋ ๋ฐํ์ฉ/๋ชจ๋ฐ์ผ 2๊ฐ ๋ง๋๋๊ฒ๋ณด๋ค ๋ฐ์ํ ํ๋ฒ์ผ๋ก ์ ์ง๋ณด์๋ฅผ ๊ฐ๋ฅํ๊ฒ ํ๊ธฐ๋๋ฌธ
'CSS๐ง > ๋ฐ์ํ' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
๋ชจ๋ฐ์ผ ํฌ์ธํธ์ปฌ๋ฌ ์ฃผ๋ ๋ฐฉ๋ฒ (0) | 2022.11.11 |
---|---|
๋ชจ๋ฐ์ผ html,css์ด๊ธฐ์ ํ (0) | 2022.11.07 |
๋ชจ๋ฐ์ผ max-width: 100% (0) | 2022.11.07 |
CSS Flex (0) | 2022.11.07 |
๋ชจ๋ฐ์ผ ํ๊ฒฝ์ผ๋ก ์ ์ํ๊ธฐ / ๋ชจ๋ฐ์ผ ํฌ๋ก์ค๋ธ๋ผ์ฐ์ง (0) | 2022.11.07 |
๋๊ธ