TIL HTML/CSS Chapter 12-12.1

finelinefe·2020년 8월 19일
0

HTML/CSS

목록 보기
6/9

블록과 인라인

블록태그 = 해당 구역을 모두 차지한다. 개행이 된다
인라인 태그 = 해당 구역을 모두 차지하지 않음. 컨텐츠의 길이만큼 생성. 개행불가

Display를 이용한 블록과 인라인

inline = 인라인 속성으로 변함.
block = 블록 속성으로 가짐
inlin-block = 인라인 속성이나 동시에 블록 속성도 가짐
none = 화면에서 보이지 않음

** nav의 경우 각각의 li를 간격으로 띄워줄때, inline과 inline-block의 기본 간격이 차이가 있다. 후자의 경우 3-5px의 기본 설정 간격이 생성되는 편

0개의 댓글