[CSS] 정렬 스타일


[CSS] 정렬 스타일

배치 - 가로 방향 가운데 정렬 부모선택자 { text-align : center; } 자식선택자 { display : inline-block ; } /* 또는 */ 선택자 { dispaly : block ; margin : 0px auto ; } 배치 - 플렉스 박스 활용 정렬 선택자 { display : flex ; /* 가로 방향 정렬 */ justify-content : 속성값 ; /* 세로 방향 정렬 */ align-items : 속성값 ; } - 속성 값 · flex-start : 주축의 시작점을 기준으로 배치 (왼쪽) · flex-end : 주축의 끝점을 기준으로 배치 (오른쪽) · center : 주축의 중앙을 기준으로 배치 (가운데) · space-between : 첫 번째 항목과 마지막..


원문링크 : [CSS] 정렬 스타일