[CSS] display: inline, block, inline-block;

seonja kim·2021년 10월 3일
0

display 속성

  • 엘리먼트가 보여지는 방식과 다른 엘리먼트와 배치 형식을 결정

inline

  • 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치
  • width와 height 속성을 지정해도 무시됨
  • margin과 padding 속성은 좌우 간격만 반영, 상하 간격은 반영되지 않음
  • 대표적으로 span, a, em

block

  • 전후 줄바꿈이되어 다른 엘리먼트는 다른 줄로 밀려나게 됨
  • width, height, margin, padding 속성이 모두 반영됨
  • 대표적으로 div, p, h1

inline-block

  • inline 요소와 같이 다른 엘리먼트들과 나란히 배치
  • width와 height, margin, padding 속성 지정이 가능
  • 대표적으로 button, input, select
profile
Adventurer

0개의 댓글