본문 바로가기

HTML/JS/CSS

css - display : block


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

'HTML/JS/CSS' 카테고리의 다른 글

HTML5 - 종료태그를 기술해서는 안되는 요소  (0) 2010.07.14
[JS] KeyCode 값.  (2) 2009.11.16
getBoundingClientRect - 개체 좌표 구하기.  (0) 2009.11.13