๐ ์ฐธ๊ณ ์๋ฃ
MDN display
TCPSCHOOL display ์์ฑ
DaleSeo [CSS] display ์์ฑ: inline, block, inline-block
1๋ถ์ฝ๋ฉ CSS ๋ ์ด์์์ ์์ํ๋ ์ฌ๋๋ค์ด ๋ฐ๋์ ์์์ผ ํ ๊ฐ๋
ofcourse display ์์ฑ
display ์์ฑ์ HTML ์์(Element)๋ค์ ์๊ฐ์ ์ผ๋ก ์ด๋ค ํ์์ผ๋ก ๋ณด์ฌ์ค์ง
๊ฒฐ์ ํ๋ ์์ฑ
๐ ์์ฑ ๊ฐ
โ๏ธ none ์์
โ๏ธ inline ์์
width
, height
๋ก ํฌ๊ธฐ๋ฅผ ์ค์ ํ ์ ์๋ค. โถ ์์ฑ ๋ฌด์<span>
, <a>
, <img>
, <strong>
๋ฑ...โ๏ธ block ์์
width
๋ ์์ผ๋ก ๋์ด๋ ์ ์๋ ๋งํผ ์ต๋ํ ์ฐจ์งํ๋ค.height
๋ ๋ด์ฉ๋ฌผ์ ๋์ด๋งํผ ์ฐจ์งํ๋ค.<div>
, <h1>
, <p>
, <ul>
, <ol>
, <form>
๋ฑ...โ๏ธ inline-block ์์
width
, height
๋ก ํฌ๊ธฐ ์ค์ ์ด ๊ฐ๋ฅํ๋ค.โ 2022.02.26
โ 2022.03.18
โ 2022.03.21
โ 2022.06.28