티스토리 뷰
1. float으로 블록요를 가로로 정렬하면 생기는 문제 점(버그)
float을 쓰면 height 값이 '0'으로 인식이 됩니다.(즉, height 값이 사라짐=영역이 사라진다.)
따라서 눈에는 보이지만 그 영역이 사라짐으로 전체적인 영역이 깨지게 됩니다.
이 방법을 해결하기 위해서는 여러가지 방법이 있는데, 이번 영상에서는 아래와 같은 방법을 씁니다.
(가) footer(영역이 깨져 보이지 않게 된 부분)에도 'float:left' 를 줍니다.
-하지만, 해당 방법 또한 여러 문제를 동반하기 때문에 흔히 사용하지는 않습니다.
2; margin을 이용하여 컨텐츠를(블록구조를) 가운데 오게 하는 방법
(가) 가운데로 올 부모값(전체영역)에 'margin : 0 auto' 를 줍니다.
- margin: 0 auto 의 뜻 : 위쪽과 아래쪽은 '0' 왼쪽과 오른쪽은 'auto(자동 값)' 입니다.
주의사항 : margin 값을 이용하기 때문에 반드시 width(넚이값)을 입력하여야 합니다.
3. 글씨를 중앙에 오게 하는 방법
lineheight (문장과 문장 사이의 간격)를 이용합니다. 이떄 'lineheight : (heught 값과 동일)'
입력하시면 글씨가 중앙으로 오게 됩니다.
주의사항 : 문장이 한줄일 때 적용됩니다.
댓글
© 2018 webstoryboy