Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- boolean
- ELSE
- for in
- flex-direction
- 문자열
- typeof
- justify-content
- 반복문
- flex
- 함수
- properties
- 함수표현식
- 프론트엔드
- frontend
- Methods
- 기초
- 함수선언식
- for of
- 비교연산자
- 속성
- align-content
- if else
- flex-wrap
- javascript
- 화살표함수
- 변수
- 논리연산자
- 타입
- for
- 조건문
Archives
- Today
- Total
하얀 코딩
[HTML - 5] block & inline 본문
HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다.
대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됩니다.
block vs inline-block vs inline
| block | inline-block | inline | |
| 줄바꿈 여부 | 줄바꿈이 일어남 | 줄바꿈이 일어나지 않음 | 줄바꿈이 일어나지 않음 |
| 기본적으로 갖는 너비(width) | 100% | 글자가 차지하는 만큼 | 글자가 차지하는 만큼 |
| width, height 사용 가능 여부 | 가능 | 가능 | 불가능 |
<p>, <div>, <h>, <ul>, <ol>, <form>요소는 display 속성값이 블록(block)인 대표적인 요소입니다.
<span>, <a>, <img>요소는 display 속성값이 인라인(inline)인 대표적인 요소입니다.

'HTML' 카테고리의 다른 글
| [HTML - 7] input의 type 속성값 (0) | 2022.12.30 |
|---|---|
| [HTML - 6] form 요소 (0) | 2022.12.30 |
| [HTML - 4] 기본 요소 (0) | 2022.12.11 |
| [HTML - 3] 엔티티(Entity) (0) | 2022.12.11 |
| [HTML - 2] 텍스트 태그 요소 (0) | 2022.12.11 |