2. HTML block&inline level
Last updated
Last updated
ํญ์ ์ ์ค์์ ์์๋๋ฉฐ, ๋ธ๋ผ์ฐ์ ๋ ์์์ ์๋ค์ ์๋์ผ๋ก ์ฌ๋ฐฑ์ ์ถ๊ฐํ๋ค.
ํญ์ ์ฌ์ฉ ๊ฐ๋ฅํ ์ ์ฒด ๋๋น๋ฅผ ์ฐจ์งํ๋ค.
์ธ๋ผ์ธ ์์๋ ์ ์ค์์ ์์๋์ง ์๋๋ค.
์ธ๋ผ์ธ ์์๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํ์ํ ๋งํผ์ ๋๋น๋ง ์ฐจ์งํ์ฌ, ๋ด์ฉ์ ๋ง๊ฒ ์๋์ผ๋ก ํฌ๊ธฐ๊ฐ ์ ํด์ง๋ค.
ํ ์คํธ์ ๊ฐ์ ๋ด์ฉ์ ํ์ํ๋๋ฐ ์ฌ์ฉ์ด ๋๊ธฐ ๋๋ฌธ์, ๋ค๋ฅธ ์์๋ค๊ณผ ๊ฐ์ ์ค์ ๋ฐฐ์น๋๋ค.
์ฆ, ์์ ์ ํฌ๊ธฐ๋ฅผ ์ง์ ํ ์ ์๋ค.
width, height ๋ฅผ ์ง์ ํด๋ ์๋ฌด๋ฐ ๋ฐ์์ด ์๋ค.
์ด๋ฌํ ์์๋ค์ ํฌ๊ธฐ๋ฅผ ์ง์ ํ๋ ค๋ฉด, ์์์ display ์์ฑ์ inline-block ๋๋ block ์ผ๋ก ๋ณ๊ฒฝํด์ผ ํ๋ค.