[CSS] display:block 과 display:inline 의 차이점에 대해 알아보자.

CSS, display:block 과 display:inline의 차이점.

자동 줄바꿈!

block으로 설정된 컴퍼넌트는 자동줄바꿈 O.

inline으로 설정된 컴퍼넌트는 자동줄바꿈 X.

width, height, margin, padding 속성들!

block으로 설정된 녀석은 width, height, margin, padding 속성 사용이 가능한 반면 inline으로 설정된 녀석은 해당 속성들을 사용하지 못한다.

대표 component 는?

display:block 이 설정되는 대표적 component 는 div.

display:inline 이 설정되는 대표적 component 는 span.

Block, component, css, CSS3, display, display:block, display:inline, div, height, inline, margin, padding, span, width, 대표 component, 속성, 자동 줄바꿈, 컴퍼넌트