• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

싸이월드 1탄 질문 입니다.

23.01.15 23:40 작성 23.01.15 23:41 수정 조회수 256

0

 과제 완료후 정답과 비교를 하여는데,

바디 프로필 부분에서 왼쪽 위에 정렬이 되어 있어

저는

.left__body__profile{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 9px;
    font-family: 'Malgun Gothic';
}

이라고 정리를 하였습니다. 하지만 정답안에는

.left__body__profile{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

이라고 되어 있는데

align-items 는 flex-start 로 안해도 되는 건가요??

align-items 이나 justify-content 중 하나만 쓰거나 아애 안써도 같은 결과가 나오는데 둘중 하나는 꼭 써줘야하는건가요?

아님 justify-content 만 써야 하는건가요?

 

 

답변 1

답변을 작성해보세요.

0

Camp_멘토님의 프로필

Camp_멘토

2023.01.16

안녕하세요 킹정은님!

말씀하신 두 속성 모두 display: flex 를 갖고있는 요소에 적용 시킬 수 있는 정렬 속성으로 justify-content는 메인 축 정렬을 담당하고 있습니다!
지금 상황처럼 flex-direction 속성을 주지 않은 상태에서는 기본값인 row가 되겠죠!
그리고 align-items는 기준 수직 정렬을 담당하고 있습니다!
강의에서는 이 두 속성을 주로 사용하여 정렬하고 있죠!?
결론부터 말씀드리면 css에 정답은 없습니다. 화면에 스타일을 지정하는 방법은 여러가지가 있고 지금의 상황에서도 flex속성들이 아닌 margin 이나 position을 사용 할 수 있으니까요!
하지만 현재 상황에서 align-items 를 정렬할 필요는 없기때문에 사용을 안하셔도 됩니다!

킹정은님의 프로필

킹정은

질문자

2023.01.16

넵 감사합니다.