인프런 커뮤니티 질문&답변
작성한 질문수
인라인 요소 a같은 태그는 text-align center 전혀 안먹히지요?
작성
·
454
2
인라인요소는 width값 height값 다 안먹혀서 center가 안먹힐 거같은데;; 그럼 inline-block은 block과 어떤 차이점이 있나요? 생각보다 중요한 개념인거 같구 변수도 많을거 같아서 ㅠ 검색해서 찾아보고 있는데 너무나도 간단한 설명만 되있어 여쭈어 봅니다 ㅠ 그리고 분명 저는 블록요소안에 인라인블록이나 인라인요소많이 있을때 center이 되는줄 알앗는데 ㅠ span태그안에 a태그를 넣어서 block요소로 바꿧는데도 text-align center가 먹히는것두 잇구요ㅠ 너무 변수가 많은거같습니다 ㅠㅠ
답변 1
3
일간 기억하실 것은 부모요소에서 text-align: center로 자식요소를 중앙에 보냅니다. 그런데 그 자식요소는 인라인 또는 인라인 블록만 가능합니다.
부모요소에서 text-align: center로 자식요소를 중앙에 보낼 때 그 자식요소가 블록요소이면 그 자식요소는 중앙으로 가지 못합니다. 그래서 그 자식요소인 블록요소에세 margin: auto를 주시면 됩니다. 물론 그 자식요소인 블록요소의 너비가 100%이면 중앙으로 갔지만 간 것 처럼 보이지 않습니다. 100% 보다 적은 너비 값이 있어야 합니다.
아래 2가지 영상을 보시면 좀 더 이해가 명확해지실 거에요.
섹션 2. HTML+CSS+JQUERY 퍼블리싱 필수 이론
퍼블리싱의 모든 것! HTML 인라인 요소, 블록 요소, 인라인블록 요소
섹션 8. 중고급 레벨 Jump Up 퍼블리싱 이론과 팁(Tip)
퍼블리싱 강사가 강의를 잘하는지 못하는지 구분하기(display속성의 이해도)