✔︎ [CSS] display 속성
: inline과 inline-block의 차이
css에서 display 속성 중 block은 'div 태그'나 'p 태그'에
기본적으로 적용되는 속성입니다. 자체적인 block을 가져서
해당되는 태그가 아예 한 줄을 차지해버리죠.
그렇다면 inline과 inline-block은 무엇일까요?
▶ inline
inline 속성을 가진 태그는 한 줄을 차지하지 않고, 다른 태그 옆에 나란히 표시됩니다.
width와 height 값이 적용되지 않습니다.
▶ inline-block
inline 속성을 가진 태그는 한 줄을 차지하지 않고, 다른 태그 옆에 나란히 표시됩니다.
덧붙혀 width와 height 값이 적용될 수 있습니다.
'front-end > css' 카테고리의 다른 글
| [CSS3] float:left 속성의 이해와 overflow:hidden 응용 (0) | 2017.10.22 |
|---|---|
| [CSS3] display:none과 visibility:hidden의 차이 (0) | 2017.10.21 |
| [CSS3] input 태그에 placeholder 스타일 효과 주기 (0) | 2017.10.20 |
필로그래머