| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |
- heapq
- ๊ทธ๋ฆฌ๋
- CSS
- ์ฝ๋ฉ
- ์๊ณ ๋ฆฌ์ฆ
- mongodb
- ํ ์ดํ๋ก์ ํธ
- ๊ตญ๋น์ง์
- fe
- ๋ชจ๊ฐ์ฝ
- ํฌ๋กค๋ง
- Til
- HTML
- ๋ฐฑ์ค
- ์ฝ๋ฉ์ ํ
- KDT
- ๊ฐ๋ฐ
- ๋๋ฆผ์ฝ๋ฉ
- ํ๋ก ํธ์๋
- ํ๋ก๊ทธ๋๋จธ์ค
- ์ฝ๋ฉํ ์คํธ
- JS
- react
- error
- node.js
- ๋ ธ๋ง๋์ฝ๋
- ํ๋ก์ ํธ
- javascript
- Python
- ํ์ด์ฌ
- 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 ์ ๋ง์ถ์ด์ ์์ง ์ ๋ ฌ์ด ์ผ์ด๋..