생활코딩의 영상예제 실습 : https://www.youtube.com/watch?v=bTVaV1O_13Y
현재 이렇게 보이는 화면에서 전체적인 내용을 홈페이지 중간에 배치하고 싶을 땐 어떻게 할까?
그럴 때 쓸 수 있는 것이 align-items
화면 안에 있는 전체는 구조상 body.
body를 flex로 지정-> 한 블럭으로 묶기
<style> 코드 안에 넣어주기.
body{
display: flex;
align-items: center;
}
Q
근데 왜 body에만 넣어줘야하나..? content에 넣으면 표만이라도 중앙 정렬되어야 하는거 아닌가..?
근데 화면 가로 너무 차지하는거 아닌가?
좀 가운데로 서자 하려면 .container 에 width값을 지정해주면 됨.
Q 그럼 칸이 줄어들면서 위로 길어지는데,, 왜 선은 안길어질까..?
정렬 바로 이해하기 https://www.w3schools.com/cssref/playit.asp?filename=playcss_justify-content&preval=flex-end
플렉스를 이용하여 게임하기 : http://flexboxfroggy.com/#ko
