| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- react
- ํ๋ก์ ํธ
- KDT
- ๋ชจ๊ฐ์ฝ
- javascript
- ์๊ณ ๋ฆฌ์ฆ
- ๋ ธ๋ง๋์ฝ๋
- ๊ทธ๋ฆฌ๋
- fe
- ํ ์ดํ๋ก์ ํธ
- JS
- ํ์ด์ฌ
- Til
- ๋ฐฑ์ค
- ์ฝ๋ฉํ ์คํธ
- ์ฝ๋ฉ
- CSS
- ๊ตญ๋น์ง์
- node.js
- HTML
- Python
- ๋๋ฆผ์ฝ๋ฉ
- ํ๋ก ํธ์๋
- ๊ฐ๋ฐ
- heapq
- ํ๋ก๊ทธ๋๋จธ์ค
- ์ฝ๋ฉ์ ํ
- mongodb
- ํฌ๋กค๋ง
- error
- Today
- Total
๋ชฉ๋กspan (1)
๐ฑ → ๐ณ
[HTML] Span Tag
๐ ์ง๋ฌธ (์ค๋ฅ ๋ฐ์) codingon ๊ณผ์ ๋ฅผ ํ๋ ์ค ์ง๋ฌธ์ด ๋ฐ์ํ์๋ค. ๊ณผ์ ๋ div์ span tag๋ฅผ ์ด์ฉํ์ฌ 2022 7์ ๋ฌ๋ ฅ ๋ง๋ค๊ธฐ ์ ์ฌ์ง์์ ๊ฐ์ span tag์ display:inline-block; ํ๋๋ฐ text๊ฐ์ด ๋ค์ด๊ฐ span์ ์๋๋ก(์์ ๋น์นธ ๋ฐ์), text๊ฐ์ด ๋ค์ด๊ฐ์ง ์์ span์ ์๋ก ๋ถ์ด์(์๋ ๋น์นธ ๋ฐ์) text๊ฐ ์๋ span๊ณผ ์๋ span์ด ๊ฐ์ด ๋ค์ด๊ฐ div์นธ๋ง height๊ฐ ์ปค์ ธ์์ ๋ญ๊ฐ ๋ฌธ์ ์ผ๊น ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ๋ญ๊น ๐ ํด๊ฒฐ ๋ฐฉ๋ฒ span ์์์ ๊ธฐ๋ณธ ์์ฑ์ธ vertical-align ์์ฑ์ด base-line ์ผ๋ก ์ค์ ์ด ๋์ด์๊ธฐ ๋๋ฌธ์ ๋ฐ์ํ๋ ๋ฌธ์ ์๋ค. ์ฆ, span ์์์ ๊ฒฝ์ฐ ์์ง ์ ๋ ฌ์ ๊ธ์์ base-line ์ ๋ง์ถ์ด์ ์์ง ์ ๋ ฌ์ด ์ผ์ด๋..