묻고답하기
위젯 가운데 정렬 방법
2016.11.03 18:05
사이트의 위젯들은 모니터의 크기에 따라 이리저리 움직여서
위젯을 가운데 정렬로 하고싶습니다.
margin-left:auto;
margin-right:auto;
라던지
<center></center>
이라던지
이것저것 해봣는데 안되더라고요....ㅠ
다른 방법을알고 계신분 있으시면 답변 부탁드립니다. ㅠㅠ
댓글 5
-
mkp9****
2016.11.04 09:31
답변 감사합니다.
저도 위 방법을 써보려 했는데 element.style값에 margin이 있으면 하위에 margin이 안먹더라고요 ㅠㅠㅠㅠ
(내가잘못한건가.....ㅠ)
노트북에서 기껏 양쪽여백 맞춰놧더니만 데탑으로 홈페이지 들어가서 확인해보니 엄청난 차이가.....ㅠㅠ
-
좌측과 우측만 auto가 되며 됩니다.
즉 margin:30px auto 50px auto 하셔도 됩니다만 아마 안먹힌다고 생각하는건
margin:30px auto 50px auto런 값을 가진 div가 연속으로 배치되면 상하의 마진값은 중첩이 될겁니다.
-
element.style 에 값이 있을때는 css 처리에서 margin:30px auto 50px auto !important 처리 하시면 됩니다.
-
르미
2018.09.07 02:51
여기에 소개된 친절하신 분들의 도움으로도
우리 회사 서버에는 잘 안되어서
며칠 헤매다가 해결책을 찾았습니다.
혹시 아래와 같은 상태를 원하는 것이라면 간단하게 해결되니까
아래 링크를 참고하여 보시기 바랍니다.
늘 이곳 좋은 글들을 참고하면서 고마움이 컸는데,
저도 도움이 될 수 있으면 정말 좋겠네요.
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
Shin958fe |
홈페이지 복구 과정에서의 에러 발생
![]() | |
메이크엠 | 글쓰기 필수 항목 안쓰면 알람 뜨는거 수정하려면..TT: | |
마르팅 | 오류사항 체크 문의드립니다. | |
ana**** | XE 회원가입 허가 반영 [1] | 2018.09.12 by sejin7940 |
가암자 | sweet mobile 레이아웃에서 맨 위 메뉴의 글자크기 색을 바꾸고 싶습니다. | |
물망초 | seo 업데이트 했는데... 이런 | |
마르팅 |
게시판 글씨 께짐현상 문의드립니다.
[3]
![]() | 2018.09.11 by 마르팅 |
마르팅 |
관리자 사이트메뉴편집에서 카테고리가 사라졌어요~~
[2]
![]() | 2018.09.11 by 마르팅 |
마꼬꼬 | XE 레이아웃이나 모듈 등 구매에 관하여 [2] | 2018.09.11 by DoorWeb |
railman | Sketchbook5 사이트 주소을 알고자 합니다. [1] | 2018.09.11 by 너에게제공 |
쭈니쿠 |
어디 경로로 들어가야 확인할 수 있나요?
[1]
![]() | 2018.09.10 by DoorWeb |
kt**** |
모바일화면에서 매일인증 창이 넘어가요
[1]
![]() | 2018.09.10 by DoorWeb |
비타민 | 메인 슬라이드 세로 조절때문에 문의글 남겨봅니다.. [1] | 2018.09.10 by DoorWeb |
XE!! | 게시판 엑셀 다운로드 오류 (한이73님 게시글 적용) | |
쏘쏘쏘 |
회원 삭제가 안됩니다
[1]
![]() | 2018.09.10 by sejin7940 |
윤원 | 호스팅관련 추천좀 부탁 드립니다. [4] | 2018.09.08 by 보트위 |
GELEE |
Xedition 스킨 사용 중 메인페이지 컨텐츠 정렬 관련 (초보자 질문 죄송합니다ㅠㅠ)
[5]
![]() | 2018.09.07 by 르미 |
종합예술인 |
콘텐츠위젯 가운데 정렬 하는법
[4]
![]() | 2018.09.07 by 르미 |
mkp9**** | 위젯 가운데 정렬 방법 [5] | 2018.09.07 by 르미 |
현무 | 메인페이지 가운데 정렬하기 [10] | 2018.09.07 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>