[CSS] Display : Inline, Block, Inline-Block, None(feat. visibility:hidden)
2020. 4. 26. 17:18ㆍ컴퓨터언어/HTML CSS
728x90
반응형
Inline | Block | Inline-Block | None |
이 속성을 가진 태그들을 줄바꿈 없이 연이어 표시한다. | 이 속성을 가진 태그들마다 줄바꿈을 적용한다. | 이 속성을 가진 태그들을 줄바꿈 없이 연이어 표시한다. | 해당 태그를 안보이게 한다. |
width 속성 무의미 | width 속성 적용 가능 | width 속성 적용 가능 | JavaScript를 사용하여 사용자 반응에 맞춰 나중에는 보이게 하도록 응용 가능 |
.something {
display: inline;
}
display: none; | visibility: hidden; |
해당 태그는 흔적도 없이 사라짐 | 해당 태그가 투명할 뿐 |
728x90
반응형
'컴퓨터언어 > HTML CSS' 카테고리의 다른 글
pseudo class와 pseudo element (0) | 2024.11.24 |
---|---|
[Flex] 요소 배치 계산은 브라우저에게 맡기자 (0) | 2020.06.09 |
[CSS] 가운데정렬 (0) | 2020.04.26 |
[CSS] Position 핵심정리 (0) | 2020.04.26 |
[CSS] inline - internal - external (0) | 2020.04.26 |