목록inlineblock (1)

無제

display: inline-block 속성

🟢  inline-block블록(block) 요소의 속성과 인라인(inline) 요소의 속성을 동시에 가지는 속성. 인라인(inline)처럼 한 줄에 여러 블록 배치가 가능하고, 블록(block)처럼 너비(width)와 높이(height) 조절이 가능하다.📊  (inline) vs (block) vs (inline-block) 비교 📊 특징inlineblockinline-block줄 바꿈 X (옆으로 나열)O (새 줄 차지) X (옆으로 나열) 기본 너비콘텐츠만큼부모의 100%콘텐츠만큼크기 지정XOO상하 여백X (배경만 칠해짐)OO ◼️  텍스트 정렬용 속성 .container { text-align: center;}.box { display: inline-block;} 🔹 text-alig..
<style> 2026. 3. 18. 14:36
이전 Prev 1 Next 다음