티스토리 뷰

HTML/JS/CSS

css - display : block

fallacy.kr 여우야뭐하니 2010.07.13 17:42

block과 inline의 차이점은 줄바꿈만은 아니다.
block으로 설정하면 줄바꿈 되고, inline으로 설정하면 줄바꿈이 되지 않는다.
block으로 설정하면 상/하 margin과 padding 속성을 사용할 수 있지만, inline으로 설정하면 상/하 margin과 padding 속성을 사용할 수 없다.

block으로 설정하면 width, height 속성을 사용할 수 있지만, inline으로 설정하면 width, height 속성을 사용할 수 없다.


div 의 display 기본속성 : block

span 의 display 기본속성 : inline


출처 : http://www.dimdol.com/61?expandComment=1#comment9460382

댓글
댓글쓰기 폼