display:block | display:inline-block | |
너비 | 지정되어 있지만 않다면, 최대한 유연하게 늘어난다. | 지정되어 있지만 않다면, 최소한으로 유연하게 줄어난다. |
높이 | 지정되어 있지만 않다면, 최소한으로 유연하게 줄어난다. | 지정되어 있지만 않다면, 최소한으로 유연하게 줄어난다. |
줄사용 | 무조건 한줄 혼자 사용 | 가능하다면 한 줄을 여럿이 사용 |
본질 | 블록화 | 글자화 |
정렬 | 스스로 margin-left, margin-right을 사용해서 정렬 | 부모의 text-align에 의해서 정렬 |
- div, section, nav, article의 기본 display 속성값은 block
- a, img, span 엘리먼트는 기본적으로 display가 inline 이다.
- inline요소에는 width, height, margin, padding 속성이 제대로 적용되지 않는다.
'HTML\CSS > 개념' 카테고리의 다른 글
[ HTML ] <a>태그 : 앵커태그(Anchor) (0) | 2020.11.24 |
---|---|
[ HTML ] 줄바꿈 (0) | 2020.11.24 |
[ CSS / style 속성 ] 폭 / 높이 / 글자색 / 배경색 / 글자크기 / 글자굵기 (0) | 2020.11.23 |
[ CSS ] HTML, CSS 연결 (0) | 2020.11.23 |
[ CSS ] CSS란? (0) | 2020.11.23 |