타쿠꺼
display 본문
display는 대표적으로 inline과 block 속성이 있다.
block속성
- 기본값으로 width는 100%, height는 내용물에 따라 변한다.(auto)
- 한 행에 단 하나의 block 엘리먼트만 들어갈 수 있다.
- 한 행에 여러개의 block이 들어가려면 position: aboslute, 혹은 float으로 띄워줘야 한다.
inline속성
- width, height값은 전적으로 내용물에 달려있다. 따로 설정이 불가능하다. (무조건 auto)
- 한 행에 여러개가 들어갈 수 있다. inline박스 자체가 하나의 글자라고 보면 된다.
inline-block속성
- inline과 block을 합친 속성이다.
- width, height값을 가질 수 있는데 엘리먼트 하나하나가 lnline처럼 행동한다.
- 크롬에서는 디폴트로 margin이 설정되어 있어서 사용시 margin값에 -를 적절히 줘야 한다.
'CSS > Reference' 카테고리의 다른 글
background (0) | 2016.06.03 |
---|---|
:nth-child, :nth-of-type (0) | 2016.06.01 |
animation (0) | 2016.05.22 |
font (0) | 2016.05.22 |
z-index (0) | 2016.05.20 |
Comments