CSS 수평 정렬, 수직 정렬에 관해서 질문 좀 드릴게요. 채택완료
홈짱닷컴
11년 전
조회 13,340
.outside {text-align: center; width: 100%; height:100px; background:#f8e1eb; padding:10px;} .inside {margin: 0 auto; width: 300px; height:50px; vertical-align:middle; display:table-cell; border:1px solid; padding:10px 1;}div 중앙 정렬 : 홈짱닷컴 (homzzang.com)
위 소스에서 자식 테그에 수직 정렬 위해 굵은 글씨 소스를 넣으면 익스플로러에선 수평 중앙 정렬이 안됩니다.
(크롬, 파이어폭스에서 중앙 정렬 됨)
삭제 후, padding 값을 이용해 위치를 정할 수 있지만, 이 방법 말고 다른 방법은 없을까요?
div 태그가 부모 자식 구조로 되어 있을 때, 자식 태그를 수직 수평 상으로 정가운데 오게 하려면 어떻게 해야 할까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
11년 전
그냥 간단하게 푸세요 ........
.outside {width: 100%; height:100px; background:#f8e1eb; padding:10px;}
.inside {margin: 0 auto; width: 300px; height:50px;border:1px solid; padding:10px 1;}
div 중앙 정렬 : 홈짱닷컴 (homzzang.com)
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
홈짱닷컴
11년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
답변 고맙습니다. 주말 잘 보내세요 !