-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
text-align
20.12.28 22:37 작성 조회수 112
0
강사님 저는 text-align을 block 요소안에 있는 inline요소를 정렬하는 것으로 알고있는데, section.global에 text-align : center을 줬을 때 h2태그인 title 클래스 안에있는
<h2>Global Concierge Services</h2> 이것이 왜 가운데 정렬되는지 모르겠습니다 ㅠㅠ
답변을 작성해보세요.
0
0
J.영
지식공유자2020.12.30
네 ㅎㅎ 단순하게 text-align 요소는 텍스트 및 이미지 를 가운데 정렬이라고 생각하시면 됩니다
블럭요소 전체가 가운데로 정렬이 불가능 한거지 그안의 텍스트나 이미지는 가운데 정렬이 되는게 맞습니다 ~
0
manU
질문자2020.12.30
강사님 그러면 text-align은 블록요소든 인라인요소든 사용하면 가운데 정렬이 되는건가요?ㅠㅠ 인터넷에서는 블록요소안에 인라인 요소만 된다고 나와있어서 헷갈리네요.
0
J.영
지식공유자2020.12.29
manU님 text-align 속성은 단순히 텍스트의 정렬 방향을 의미합니다.
h2는 블럭요소 이기 때문에 넓이를 지정하지않으면 부모요소의 100%만큼 차지 하기 때문에
section에 공통으로 텍스트 센터 정렬을 줬기때문에
그안에 텍스트들은 당연히 텍스트 정렬이 되는게 맞습니다
인라인 요소만 정렬이 가능하단 뜻은 블럭요소가 margin:auto 를 주어서 가운데로 정렬되듯
블럭요소가 가운데로 정렬되는것이 불가능하단 뜻입니다
이해되시는지요?
답변 4