-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
섹션 plan 01 질문입니다
21.03.25 23:17 작성 조회수 117
3
인라인 블럭은 넓이값도 가지고 있고 마진값도 있는데 왜 margin:auto가 적용이 안된건가요? 25분대 보면 hr.bar를 display:inline-block 바꿔주니깐 마진 오토가 적용이 안된게 잘 이해가 안가요.
답변을 작성해보세요.
2
코딩웍스(Coding Works)
지식공유자2021.03.26
margin:auto로 요소를 중앙에 보낼려면 margin:auto 속성을 가지는 요소가 꼭 블록요소여야만 합니다. 이건 이유가 없습니다. HTML 요소의 특징이 그렇습니다. 곧, hr.bar 곧 hr 태그는 블록요소이기 때문에 margin:auto를 주어서 중앙에 보낼 수 있는데, 이번 경우는 중앙이 아니라 왼쪽에 정렬을 하려고 하는 것이기 때문에 hr.bar를 display:inline-block 바꿔주었습니다.
코딩웍스 유튜브 영상을 보시면 이해가 훨씬 좋으실거에요.
답변 1