묻고답하기
위젯 가운데 정렬 방법
2016.11.03 18:05
사이트의 위젯들은 모니터의 크기에 따라 이리저리 움직여서
위젯을 가운데 정렬로 하고싶습니다.
margin-left:auto;
margin-right:auto;
라던지
<center></center>
이라던지
이것저것 해봣는데 안되더라고요....ㅠ
다른 방법을알고 계신분 있으시면 답변 부탁드립니다. ㅠㅠ
댓글 5
-
DoorWeb
2016.11.03 18:57
-
mkp9****
2016.11.04 09:31
답변 감사합니다.
저도 위 방법을 써보려 했는데 element.style값에 margin이 있으면 하위에 margin이 안먹더라고요 ㅠㅠㅠㅠ
(내가잘못한건가.....ㅠ)
노트북에서 기껏 양쪽여백 맞춰놧더니만 데탑으로 홈페이지 들어가서 확인해보니 엄청난 차이가.....ㅠㅠ
-
DoorWeb
2016.11.04 13:12
좌측과 우측만 auto가 되며 됩니다.
즉 margin:30px auto 50px auto 하셔도 됩니다만 아마 안먹힌다고 생각하는건
margin:30px auto 50px auto런 값을 가진 div가 연속으로 배치되면 상하의 마진값은 중첩이 될겁니다.
-
DoorWeb
2016.11.04 13:13
element.style 에 값이 있을때는 css 처리에서 margin:30px auto 50px auto !important 처리 하시면 됩니다.
-
르미
2018.09.07 02:51
여기에 소개된 친절하신 분들의 도움으로도
우리 회사 서버에는 잘 안되어서
며칠 헤매다가 해결책을 찾았습니다.
혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까
아래 링크를 참고하여 보시기 바랍니다.
늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,
저도 도움이 될 수 있으면 정말 좋겠네요.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
베니 | 네이버 애널리틱스 수집이 안되네요;; | |
PAIN | php로 포인트저장 [5] | 2019.04.06 by PAIN |
윈터서버 | https://woto.net/ 웹호스팅 업체 설치문제 [4] | 2019.04.06 by 우주학개론 |
nong | 알려주세요 | |
바보멍청이 | 데이터 이전 툴 - php.ini 환경설정에서 원격지의 파일을 열지 못하도록 되어 있습니다. [10] | 2019.04.05 by 디자인클립 |
chorok | 무슨 기반으로 제작된 사이트일까요? [1] | 2019.04.05 by 디자인클립 |
rail_man | 회원가입시 이메일 인증 [1] | 2019.04.05 by sejin7940 |
댄져러스 | 탈퇴방법좀 해외사이트 이것좀해석해주세요 | |
결이아빠 | ssl 문제가 확실한데..어떻게 해야할지.. | |
결이아빠 | 어떻게 수정하면 될까요? | |
이퓨 | 회원가입 select 폼 형식 입력값 불러오기 질문 | |
한이흔 | 이미지 첨부 후 본문 삽입시 문제...몇일째 해결이 안돼여.. [1] | 2019.04.02 by 결이아빠 |
일과여행 | 카톡으로 도메인을 전송하면 자동으로 나오는 이미지를 바꿀 수 없나요? [1] | 2019.04.02 by 디자인클립 |
모로지로 | 홈에 문서 이미지 넣기 문의드려요.. [2] | 2019.04.02 by 모로지로 |
소라db952 | cycle-pager 배너에 a 링크를 걸면 배너 이미지가 풀려요ㅠ [2] | 2019.04.02 by 소라db952 |
검은고양이냐옹 | 레이아웃 스킨의 메뉴에 선을 하나 긋고 싶어요.. [5] | 2019.04.02 by DoorWeb |
Krazee | content 위젯 사진 교체 방법?? [1] | 2019.04.01 by 디자인클립 |
개다 | 익명 게시판일 때 푸시가 오면 상대방 닉네임이 노출되더라구요 | |
세걸 | 네이버 아이디 로그인 [1] | 2019.04.01 by sejin7940 |
세걸 | ssd HHD 조합으로 웹서비스 설정 [1] | 2019.04.01 by 세걸 |
보통 방법은 두가지입니다.
고정 넓이값이 있을때
<div style="width:100px;height:100px;background:red;margin:0 auto"></div>
width는 max-width를 사용하셔도 문제 없습니다.
고정값이 없을때
감싸는 테그에 text-align:center 처리 하시고 그 안에 있는 테그에 display:inline-block;*displlay:inline 처리하시면 됩니다.
<div style="text-align:center"><div style="background:red;display:inline-block;*display:inline">텍스트</div></div>