๐Ÿš€CSS - Display

์ฉก์ฝ”๋”ยท2021๋…„ 7์›” 5์ผ
0
post-thumbnail

1. div (block-level)

  • ๋ผ์ธ์˜ ์ „์ฒด๋ฅผ ํ˜ผ์ž ์‚ฌ์šฉ

2. span (inline-level)

  • ๋ผ์ธ์˜ ์ „์ฒด๋ฅผ ๊ณต์œ ํ•˜๋ฉฐ ์‚ฌ์šฉ

3. display change

div {
	display: inline;
}

span {
	display: block;
}

div {
	display: inline-block
}

/* ์†์„ฑ์€ ์ž์œ ์ž์žฌ๋กœ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•˜๋‹ค.*/
profile
์ž˜ํ•ด๋ณด์ž

0๊ฐœ์˜ ๋Œ“๊ธ€

๊ด€๋ จ ์ฑ„์šฉ ์ •๋ณด