반응형
CSS - display 속성 비교
display - block
블럭 형식으로 아래로 쌓이는 속성
See the Pen Untitled by code_gray (@code_gray) on CodePen.
display - inline
우측으로 쌓이지만 크기 속성은 반영되지 않음 ( 글자 크기에 자동으로 맞춰짐 )
See the Pen display-inline by code_gray (@code_gray) on CodePen.
display - inline-block
우측으로 쌓인다.
See the Pen display-inline-block by code_gray (@code_gray) on CodePen.
display - none
개체를 완전히 제거
See the Pen Untitled by code_gray (@code_gray) on CodePen.
반응형
'Develop > CSS' 카테고리의 다른 글
| CSS - z-index (0) | 2022.04.22 |
|---|---|
| CSS - box에 border 표시 하기 ( feat. !important ) (0) | 2022.04.20 |
| CSS - 버튼 만들기 (0) | 2022.04.17 |
| CSS - position ( static, relative, absolute, fixed ) (0) | 2022.03.30 |
| CSS - 선택자 ( selector ) (0) | 2022.03.27 |