block / inline / inline-block

hlrrr·2021년 2월 17일
0
post-thumbnail

block

요소 바로 옆(좌우측)에 다른 요소를 붙여넣을 수 없다

width, height, margin, padding 속성이 모두 반영

inline

요소끼리 서로 한 줄에, 바로 옆에 위치할 수 있다

텐트의 크기 만큼만 공간을 차지하도록 되어 있기 때문에
width와 height 속성을 지정해도 무시

inline-block

요소 배치는 inline, 속성 지정은 block
(e.g. button, select...)

0개의 댓글