묻고답하기
위젯 가운데 정렬 방법
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 남기남 |
| 두발잔차 | 관리자에서 코어 업데이트 및 각 설정이 저장 안됩니다. [2] | 2019.04.12 by 두발잔차 |
| rail_man | files 권한이 755로 되어 있습니다. [1] | 2019.04.12 by SimpleCode |
| kminict | 호스팅 없이 개인서버로 설치가 가능한가요? [2] | 2019.04.12 by kminict |
| jin08 | seo모듈 설치문의 [1] | 2019.04.11 by sejin7940 |
| 베니 | <body> 수정하는 방법 문의드립니다. [2] | 2019.04.11 by 베니 |
| 그랜트 | 1.5 업데이트 이후 plannerXE123 일정 표시안됨 [1] | 2019.04.11 by chorok |
| chorok |
PlannerXE123 업데이트 후 오류
 | |
| 쪼리짱 |
게시판 첨부파일 업로드시 100% 이후 파일 업로드가 안됩니다.
[2]
| 2019.04.10 by SimpleCode |
| 이와이 | 특정 페이지의 영문으로 바로 가는 링크 [1] | 2019.04.10 by sejin7940 |
| 음메 | 페이지 비공개 [1] | 2019.04.10 by SimpleCode |
| BarryWhite |
회원 가입 시 버튼 누르면 서버오류가 뜨네요.
[1]
| 2019.04.09 by BarryWhite |
| 동혀니 | 모바일 페이지 도움주실분 찾아요. | |
| 『나』『na』 | 게시판 가로스크롤을 없애는 방법좀요.. [2] | 2019.04.09 by 생크림 |
| incation |
첨부파일 순서 좀 바꾸고 싶음
| |
| Hees |
게시판 썸네일목록은 출력되는데 클릭하면 게시물 내용이 안나옵니다.
[2]
| 2019.04.08 by Hees |
| 천하무적c8ea4 | '요청한 파일을 찾을 수 없습니다.'라는 메세지 나옵니다. | |
| 베니 |
네이버 애널리틱스 수집이 안되네요;;
| |
| PAIN | php로 포인트저장 [5] | 2019.04.06 by PAIN |
| 윈터서버 | https://woto.net/ 웹호스팅 업체 설치문제 [4] | 2019.04.06 by 우주학개론 |
| nong | 알려주세요 |
보통 방법은 두가지입니다.
고정 넓이값이 있을때
<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>