인라인 요소 a같은 태그는 text-align center 전혀 안먹히지요?
483
작성한 질문수 34
인라인요소는 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속성의 이해도)
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
74
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
89
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
486
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
230
2
넷플릭스 어코디언 예제 질문
1
105
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
157
1
active 관련 질문
1
147
2