목록2023/12/03 (1)
Minwoo Dev.
[HTML/CSS] display : inline | inline-block | block | flex
display는 요소를 표현하는 방식에 대한 속성이다. block 기본적으로 가로 영역을 모두 채운다. width, height 속성을 지정하여 영역 크기를 조절할 수 있다. 기본적으로 display 속성값이 block에 해당되는 태그에는 , , , 태그가 있다. Hi안녕!Bye 블록 방식에서는 가로 영역을 모두 채우기 때문에 아래와 같은 형식으로 나타난다. 결과 inline 가로 영역을 가득 채우지 않기 때문에 줄바꿈이 되지 않는다. width와 height를 지정할 수 없다. inline 요소를 두 개 사용하면 줄바꿈되지 않고 바로 오른쪽에 표시된다. Hi안녕!Bye 결과를 보면 줄바꿈이 일어나지 않고 수평 방향으로 쭉 이어진 것을 확인할 수 있다. 결과 inline-block inline 방식이 w..
Web
2023. 12. 3. 15:01