-
질문 & 답변
카테고리
-
세부 분야
자격증 (디자인)
-
해결 여부
해결됨
이미지 3개를 가운데 정렬
21.05.02 15:19 작성 조회수 211
1
선생님 안녕하세요.
갤러리에서 이미지 3개를 가운데 정렬할때
.gallery .tab 여기에
text-align: center;
라고 주셨는데
margin: auto 로는 왜 안먹히나요?
답변을 작성해보세요.
1
코딩웍스(Coding Works)
지식공유자2021.05.02
img는 인라인블록요소 입니다.
곧, 인라인 요소와 인라인 블록요소를 중앙에 정렬할 때는 부모요소에 text-align을 사용합니다. 그리고 margin: auto는 인라인 요소와 인라인 블록요소에는 적용할 수 없고 오직 블록요소에만 적용할 수 있습니다.
그래서 img를 margin: auto로 정렬할 수 없는 겁니다.
아래 인프런 코딩웍스 블로그 내용을 참고하시면 이 부분 이해에 도움이 되실거에요.
퍼블리싱의 모든 것! HTML 인라인요소, 블록요소, 인라인블록
답변 1