질문드립니다

인프런 커뮤니티 질문&답변

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

가상클래스 before after 가상클래스 활용한 실전 퍼블리싱 01(before after 기본 사용법)

작성

155

국비학원 다니고 있는데 강의가 너무 부실해서 듣게되었습니다. 코딩웍스 듣고 부터는 코딩하는게 재미가 붙어서 보면서 시간 가는줄도 모르고 즐겁게 배우고 있네요^^

가운데로 보낼 때,

margin 0 auto; 와

justify center 의 차이점 알고싶네요

학원에서는 항상 margin 0 auto나 text-alighn 주라고 합니다.

justify 속성은 아예 배우지 않았습니다..

차이점이 무엇인지 알고싶네요

답변 잘부탁드립니다

답변 1

지식공유자

margin: auto는 블록요소 자신을 수평 중앙에 보낼 때 사용합니다.

text-align: center는 인라인 또는 인라인 블록인 자식요소를 부모요소 내에서 중앙으로 보낼 때 부모요소에 사용합니다.

justify-content: center는 Flex와 Grid에서 수평 중앙정렬할 때 사용합니다.

위의 3가지를 확실히 알고 계셔야 요소를 중앙에 보낼 때 혼란스럽지 않습니다.

코딩웍스 강의 중에 [중상급 퍼블리싱을 위한 CSS3의 모든 것]이라는 강의가 있습니다.
강의 내용이 많은데 그 중에 무료로 보실 수 있는 강의들 중에 아래 강의를 보시면 지금 질문에 대한 상세한 답변이 되실거에요.

작성한 질문수