inline block // 0409

inline

글자, span, srtong, time, date … 처럼 글자처럼 정렬되는 공간지정 태크
기본 정렬은 text-align을 이용
padding, margin 등 여백관련 속성이 잘 적용되지 않음.
크기 지정이 되지 않는다.
인라인요소를 블록요소처럼 정렬하기 위해서는 display 속성으로 블록으로 변경하여 사용

 

 

block

p, div, ol, ul, h1~h6 처럼 박스 형태로 화면 폭을 가지는 공간지정 태그
기본 폭 값이 100%
margin값을 가질 수 있음
Z-index(레이어)
position 값 지정이 가능

 

 

inline-block

인라인요소처럼 정렬하면서 블록의 속성을 사용할 수 있는 요소
블럭요소 처럼 크기를 갖고 위치(position)를 가짐
인라인요소 처럼 글자정렬이 가능 table, img

 

tip

../(파일명)   상위 폴더       /   상대 경로

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.