본문 바로가기
프로그래밍 놀이터/Web

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

by 돼지왕 왕돼지 2013. 6. 20.
반응형


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

 

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.



반응형

댓글