[CSS] Centering trick / 아이템, 글자를 가운데 정렬하는 방법

아이템을 가운데 정렬하는 방법

margin : auto

기본값으로 항상 오른쪽에 마진이 들어가 있어서 auto로 바꾸게 되면

양 옆으로 자연스럽게 margin값이 들어간다!

 

text-align : center

블럭요소 안에서 그안의 컨텐츠들(텍스트 뿐만 아니라 버튼과 같은 인라인요소)들을 정렬할때 쓸 수 있다

 

transform : translate(50%, 50%)

 

자기 자신의 %만큼 움직인다

 

글자를 가운데 정렬하는 방법

text-align : center;
line-height : 박스 높이 // 한줄의 높이를 지정함