| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- KDT
- ๋ชจ๊ฐ์ฝ
- ๊ทธ๋ฆฌ๋
- mongodb
- ํ ์ดํ๋ก์ ํธ
- ๋ฐฑ์ค
- ํ์ด์ฌ
- ํ๋ก๊ทธ๋๋จธ์ค
- error
- Python
- ์๊ณ ๋ฆฌ์ฆ
- ๊ฐ๋ฐ
- JS
- HTML
- node.js
- ์ฝ๋ฉ์ ํ
- fe
- ํ๋ก ํธ์๋
- react
- heapq
- Til
- ๊ตญ๋น์ง์
- ๋ ธ๋ง๋์ฝ๋
- ์ฝ๋ฉํ ์คํธ
- ๋๋ฆผ์ฝ๋ฉ
- ํ๋ก์ ํธ
- javascript
- ํฌ๋กค๋ง
- CSS
- ์ฝ๋ฉ
- Today
- Total
๋ชฉ๋กinline-block (1)
๐ฑ → ๐ณ
[CSS] CSS ์์ฑ - ๋ฐ์ค ๋ชจ๋ธ
์์ผ๋ก ๋ฐฐ์ธ CSS ์์ฑ ๋ฐ์ค ๋ชจ๋ธ ๊ธ๊ผด, ๋ฌธ์ ๋ฐฐ๊ฒฝ ๋ฐฐ์น ํ๋ ์ค(์ ๋ ฌ) ์ ํ ๋ณํ ๋์ ์ ๋๋ฉ์ด์ ๊ทธ๋ฆฌ๋ ๋ค๋จ ํํฐ ๐ ๋ฐ์ค ๋ชจ๋ธ ๊ธ์์ ์์ : ์์๊ฐ ํ๋ฉด์ ์ถ๋ ฅ๋๋ ํน์ฑ, ํฌ๊ฒ 2๊ฐ์ง๋ก ๊ตฌ๋ถ ์ธ๋ผ์ธ(inline) ์์: ๊ธ์๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์์๋ค ๋ธ๋ก(block) ์์: ์์(๋ ์ด์์)๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์์๋ค โ Inline ์์ ๋ณธ์ง์ ์ผ๋ก ์๋ฌด๊ฒ๋ ๋ํ๋ด์ง ์๋, ์ฝํ ์ธ ์์ญ์ ์ค์ ํ๋ ์ฉ๋ span tag: ๊ธ์๋ฅผ ์ฐ๊ธฐ ์ํ ๊ฐ๋ก ๊ณต๊ฐ ํ๋ณด ํด์ฃผ๋ ๋น tag์ ๊ฐ๊น์ ์์๊ฐ ์ํ์ผ๋ก ์์ โ Block ์์ ๋ณธ์ง์ ์ผ๋ก ์๋ฌด๊ฒ๋ ๋ํ๋ด์ง ์๋, ์ฝํ ์ธ ์์ญ์ ์ค์ ํ๋ ์์ โ Inline-Block block ์์๊ฐ ์์ง์ผ๋ก๋ง ์์ด๋ ๋ฌธ์ ์ ์ ํด๊ฒฐํ๊ณ ์ ๋์จ ๊ฐ๋ ๋์์ธ์ด ์ค์์ ๋๋ฉด์ ๊ฐ๋ก๋ก ๋ธ..