디케이
CSS: dispaly 속성 정리 본문
반응형
display 속성 정리
종류inline-block, inlineblocknone너비본질line 사용정렬
최소한으로 줄어든다. | 최대한으로 넓어진다. | 없어진다. |
글자화 | 블록화 | - |
한 줄에 최대한 여러개가 나온다. | 한 줄을 무조건 혼자 쓴다. | - |
부모의 text-align에 의해서 정렬 | 스스로 margin-left, margin-right를 사용해서 정렬 | - |
예외
- a, img, span 엘리먼트는 기본적으로 display가 inline 이다.
- inline요소에는 width, height, margin, padding 속성이 제대로 적용되지 않는다.
반응형
'HTML, CSS' 카테고리의 다른 글
CSS: href 속성, src 속성 절대경로, 상대경로 (2) | 2020.12.12 |
---|---|
CSS: 그래프 만들기 (0) | 2020.12.11 |
CSS: Flex(Flexible Box) (0) | 2020.12.09 |
CSS: position 속성 정리 (0) | 2020.11.30 |
기본 문법 (0) | 2020.11.26 |