css 가로,세로 가운데정렬이요~

css 가로,세로 가운데정렬이요~

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

css 가로,세로 가운데정렬이요~

본문

<div class="m2con">
<ul>
<li class="m2menu">
<?php
//아래의코드를 배너출력을 원하는 위치에 삽입하세요.
 echo ask_banner_print('demo_main3');
?>
</li>
<li class="onlineq">
<? include_once("form.php"); ?>
</li>
</ul>
</div>

 

 

demo_main3이란 이미지위에 onlineq 의 빠른상담신청이

가로 세로 가운데 정렬이 하게 하려면 어떻게 수정해주어야하나요?

 

 

.m2con {
 background-color: #000;
 background: rgba(0, 0, 0, 0.7);
 overflow-x: hidden;
 position: relative;
 left:0;
 top:0;
 
}

 

 

.onlineq {
 position:absolute;
 max-width:1000px;
 width:100%;
 margin: auto;

 

 

 

 

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

흉내쟁이님의 답변

absolute 포지셔닝일때는 margin: auto 가 적용되지 않습니다.

이미 문서의 흐름에서 벗어났기 때문이고요.

 

position: absolute;

top: 50%;

left: 50%;

margin-top: -(해당영역의 높이/2);

margin-left: -(해당영역의 너비/2);

 

와 같은 방법이 있습니다.

 

이외에도 중앙정렬하는 법은 많은 방법이 있습니다.

http://webdir.tistory.com/31 글을 참조하세요. 

 

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 48,585 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중인 이벤트

  1. 아이패드2 레티나 경품아이패드2 레티나 추첨1명 발표17.06.29 (목)
  2. 스타벅스 아메리카노tall 기프티콘 경품스타벅스아메리카노tall 기프티콘 추첨1명 발표17.06.29 (목)

(주)에스아이알소프트 (06253) 서울 강남구 강남대로 310, 1312호 (역삼동, 유니온센터) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT