[그린컴퓨터] 클라이언트/HTML
인라인과 블록
Ben의 프로그램
2023. 6. 20. 12:27
728x90

- 인라인 태그는 자신의 콘텐츠만큼 크기를 사용한다
- 블록 태그는 화면 전체 가로 크기를 사용한다.

- 인라인 요소는 가로 전체를 차지하지 않기 때문에 인라인 요소들 끼리는 같은 동일선상에서 놓이게 된다.

- 인라인 요소의 가장 큰 특징이라고 볼 수 있는 것은 바로 '크기를 지정할 수 없다'라는 점이다.
- 인라인 요소에는 좌우에만 여백(margin)을 지정할 수 있는 특성이 있다.

- 블록 요소는 생성이 되면 너비는 최대로 늘어나고 높이는 포함한 콘텐츠 크기만큼 늘어난다.

- 블록 요소의 가장 큰 특징은 인라인 요소와 다르게 너비 / 높이를 원하는 크기로 지정할 수 있다는 점이다.
- 또한 블록 요소는 여백도 상하좌우 상관없이 자유롭게 지정해줄 수 있다.